/* monchanvre — Boutons, pills, boutons icône */

/* — Pills / eyebrow tags — */
.pill{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-sm);font-weight:var(--fw-bold);padding:7px 15px;border-radius:var(--r-pill)}
.pill--green{background:var(--green-soft);color:var(--green-d)}
.pill--coral{background:var(--coral-soft);color:var(--coral-d)}
.pill--sun{background:var(--sun-soft);color:var(--sun-d)}
.pill--berry{background:var(--berry-soft);color:var(--berry)}

/* — Boutons — */
.btn{
	display:inline-flex;align-items:center;justify-content:center;gap:9px;
	padding:15px 28px;border-radius:var(--r-pill);font-weight:var(--fw-bold);font-size:var(--fs-base);
	cursor:pointer;border:none;font-family:var(--font-body);line-height:1;text-align:center;
	transition:transform var(--ease),box-shadow var(--ease),background var(--ease);
}
.btn--primary{background:var(--green);color:#fff;box-shadow:0 6px 0 var(--green-d)}
.btn--primary:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--green-d)}
.btn--coral{background:var(--coral);color:#fff;box-shadow:0 6px 0 var(--coral-d)}
.btn--coral:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--coral-d)}
.btn--ink{background:var(--ink);color:#fff}
.btn--ink:hover{background:var(--ink-2)}
.btn--outline{background:#fff;color:var(--ink);border:var(--border)}
.btn--outline:hover{background:var(--sun)}
.btn--sm{padding:11px 20px;font-size:var(--fs-sm)}
.btn--block{width:100%}

/* — Boutons icône — */
.iconbtn{
	width:42px;height:42px;border-radius:var(--r-md);border:var(--border);
	display:grid;place-items:center;font-size:18px;background:#fff;cursor:pointer;
	transition:background var(--ease);color:var(--ink);text-decoration:none;
}
.iconbtn:hover{background:var(--sun)}