.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 23px; border: 1px solid transparent; border-radius: 3px; font-weight: 700; line-height: 1; text-decoration: none; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--gold { background: var(--gold); color: var(--green-950); box-shadow: 0 8px 24px rgb(225 182 87 / 15%); }
.button--gold:hover { background: var(--gold-light); box-shadow: 0 10px 28px rgb(225 182 87 / 24%); }
.button--compact { min-height: 42px; padding: 10px 19px; font-size: .9rem; }
.button--outline-light { border-color: rgb(255 255 255 / 58%); background: rgb(255 255 255 / 6%); color: #fff; backdrop-filter: blur(7px); }
.button--outline-light:hover { border-color: #fff; background: #fff; color: var(--green-950); }
.button--green { background: var(--green-800); color: #fff; box-shadow: 0 10px 28px rgb(13 53 43 / 16%); }
.button--green:hover { background: var(--green-950); box-shadow: 0 14px 34px rgb(13 53 43 / 24%); }
.button--green span { margin-left: 12px; transition: transform .2s ease; }
.button--green:hover span { transform: translateX(4px); }