.hero-key{margin-top:6px;padding-bottom:6px}.hero-key-btn{font:inherit;cursor:pointer;outline-offset:6px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;padding:0;text-decoration:none;display:inline-block;position:relative}.hero-key-btn__edge{background:linear-gradient(#5d3617 0%,#33200f 100%);border-radius:8px;position:absolute;inset:0;box-shadow:0 8px 18px #00000073}.hero-key-btn__face{background:linear-gradient(180deg, var(--brand-light), var(--brand-mid));border:1px solid var(--brand-shadow);color:#fff;text-align:center;will-change:transform;border-radius:8px;justify-content:center;align-items:center;min-width:200px;padding:14px 24px;font-family:Georgia,serif;font-size:16px;line-height:1.2;transition:background .1s;display:flex;position:relative;transform:translateY(-6px);box-shadow:inset 0 1px #fff5e173,inset 0 -2px 5px #50280c66}.hero-key-btn:hover .hero-key-btn__face{background:linear-gradient(180deg, var(--brand-primary), var(--brand-shadow))}.hero-key-btn:focus-visible .hero-key-btn__face{outline-offset:3px;outline:2px solid #f5e7c8}.hero-key--compact .hero-key-btn__face{white-space:nowrap;min-width:0;padding:11px 16px;font-size:15px}@media (max-width:640px){.hero-key,.hero-key-btn{width:100%}.hero-key-btn__face{min-width:0}}