/* Oliv — components: buttons */
/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.78rem 1.35rem;border-radius:999px;font-weight:600;font-size:.95rem;
  text-decoration:none;border:1.5px solid transparent;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space:nowrap;
}
.btn svg{width:17px;height:17px;flex:none}
.btn-solid{background:var(--leaf);color:var(--brine)}
.btn-solid:hover{background:var(--leaf-deep);transform:translateY(-1px);box-shadow:0 8px 22px rgba(70,82,44,.28)}
.btn-outline{border-color:var(--leaf);color:var(--leaf)}
.btn-outline:hover{background:rgba(94,107,60,.09);transform:translateY(-1px)}
.btn-dark-solid{background:var(--young);color:var(--pit)}
.btn-dark-solid:hover{background:var(--young-2);transform:translateY(-1px)}
.btn-dark-outline{border-color:rgba(243,238,223,.4);color:var(--brine)}
.btn-dark-outline:hover{border-color:var(--young);color:var(--young);transform:translateY(-1px)}
.btn:focus-visible{outline:3px solid var(--oil);outline-offset:3px}
a:focus-visible{outline:3px solid var(--oil);outline-offset:3px;border-radius:4px}