.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 12px; padding: 0 26px; border: 1px solid var(--wine); border-radius: 999px; background: var(--wine); color: var(--on-wine); cursor: pointer; font-size: .72rem; font-weight: var(--fw-label); letter-spacing: .14em; text-transform: uppercase; transition: background .2s ease, transform .2s ease; }
.button:hover { border-color: var(--wine-dark); background: var(--wine-dark); transform: translateY(-1px); }
.button-small { min-height: 42px; padding-inline: 20px; }
.button-text { border-color: rgba(236,206,132,.8); background: transparent; color: var(--on-wine); }
.button-text:hover { border-color: var(--accent); background: rgba(236,206,132,.16); }
.text-button { display: inline-flex; align-items: center; gap: 10px; padding: 0 0 5px; border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--wine); cursor: pointer; font-size: .7rem; font-weight: var(--fw-label); letter-spacing: .14em; text-transform: uppercase; }