.button{border:1px solid var(--rule);min-height:3rem;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background-color var(--dur)var(--ease),border-color var(--dur)var(--ease),color var(--dur)var(--ease);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;padding-inline:1.5rem;text-decoration:none;display:inline-flex}.button__label{color:inherit;letter-spacing:-.006em;font-size:1rem;font-weight:500}.button__arrow{transition:transform var(--dur)var(--ease);flex:none}.button:hover .button__arrow{transform:translate(.25rem)}.button:hover{border-color:var(--ink)}.button--primary{background-color:var(--gold);border-color:var(--gold);color:var(--ground)}.button--primary:hover{background-color:color-mix(in srgb,var(--gold)86%,var(--ink));border-color:color-mix(in srgb,var(--gold)86%,var(--ink));color:var(--ground)}.on-light .button{color:var(--ink-on-light);border-color:var(--rule-on-light)}.on-light .button:hover{border-color:var(--ink-on-light);color:var(--ink-on-light)}@media (max-width:30rem){.button{width:100%}}