.button { display: inline-flex; min-height: 50px; padding: .85rem 1.2rem; align-items: center; justify-content: center; gap: .8rem; border: 1px solid transparent; border-radius: 2px; font-size: .86rem; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease; }
.button:hover { transform: translateY(-2px); }
.button-gold { background: var(--gold); color: var(--navy); }
.button-gold:hover { background: #e2bc50; }
.button-navy { background: var(--navy); color: #fff; }
.button-navy:hover { background: var(--navy-2); }
.button-outline { border-color: var(--navy); background: transparent; color: var(--navy); }
.button-outline:hover { background: var(--navy); color: #fff; }