/* One component for the three homepage banner destinations. */
.homepage .hero .actions .banner-button,
.homepage .hero .actions .banner-button:visited{
 display:inline-flex;align-items:center;justify-content:center;gap:.75rem;
 min-height:max(44px,2.75rem);padding:.625rem 1rem;
 border:1px solid #ebc466;border-radius:2px;
 background:#061a2a80;background-image:none;color:#fff;box-shadow:none;
 font:650 .8125rem/1.4 system-ui,-apple-system,'Segoe UI',sans-serif;
 letter-spacing:.04em;text-transform:uppercase;text-decoration:none;text-align:center;
 white-space:normal;cursor:pointer;
 transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.homepage .hero .actions .banner-button:hover{
 background:#ffe09a;color:#061a2a;border-color:#ffe09a;
 box-shadow:0 3px 14px #0003;text-decoration:none;
}
.homepage .hero .actions .banner-button:focus-visible{
 outline:3px solid #ffe19a;outline-offset:4px;
}
.homepage .hero .actions .banner-button:active{
 background:#e5b64d;color:#061a2a;border-color:#e5b64d;
 box-shadow:inset 0 2px 4px #061a2a40;
}
@media(prefers-reduced-motion:reduce){
 .homepage .hero .actions .banner-button{transition:none}
}