/* A coastal cutout with a small, unexpected smile. Keep the full 44px hit area. */
.mac-download.mouth-download {
 position:relative;isolation:isolate;overflow:visible;
 width:194px;max-width:100%;min-height:48px;flex-shrink:0;padding:0 12px;margin-top:0;
 border:0;border-radius:12px;color:#f7fbff;background:transparent;
 box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
 text-shadow:0 1px 2px #082435,0 0 4px #102f43;
 font:600 13px/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;
 transition:transform 160ms cubic-bezier(.23,1,.32,1);
}
.mac-download.mouth-download::before,.mac-download.mouth-download::after {
 content:'';position:absolute;inset:4px 0;z-index:-1;width:auto;opacity:1;
 border:1px solid #3c5e70;border-radius:12px;
 box-shadow:inset 0 1px 0 #f1f9fcba,0 1px 0 #ffffffad,0 3px 5px -3px #203d5680;
 background:url('/assets/coast.webp') center 46% / cover fixed;
 transform:none;animation:none;pointer-events:none;
}
.mac-download.mouth-download::after {
 z-index:0;inset:calc(50% - 15px) calc(50% - 61px);background:radial-gradient(ellipse at 50% 130%,#493136 0%,#080d10 64%);border-color:#122b38;border-radius:48% 48% 45% 45% / 35% 35% 65% 65%;opacity:0;transform:scaleY(.88);
 box-shadow:inset 0 2px 4px #000,0 1px 0 #ffffffb3;
 transition:opacity 130ms ease,transform 160ms cubic-bezier(.23,1,.32,1);
}
.mouth-download>span { position:relative;z-index:2;transition:opacity 130ms ease; }
.mouth-giggle { position:absolute;inset:0;display:grid;place-items:center;z-index:2;color:#fff;font:600 13px/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:.25px;text-shadow:none;opacity:0;transition:opacity 130ms ease; }
.mouth-giggle::after { content:'';position:absolute;top:calc(50% + 10px);left:calc(50% - 9px);width:18px;height:2px;border-radius:50%;background:#c09298;opacity:.65; }
.mac-download.mouth-download:focus-visible { outline:2px solid #305f82;outline-offset:4px; }
.mac-download.mouth-download:is(:hover,:focus-visible) { background:transparent;box-shadow:none;transform:none; }
.mac-download.mouth-download:focus-visible::after { opacity:1;transform:none; }
.mouth-download:focus-visible>span { opacity:0;transform:none; }
.mouth-download:focus-visible .mouth-giggle { opacity:1;transform:none; }
@media(hover:hover) and (pointer:fine) {
 .mac-download.mouth-download:hover::after { opacity:1;transform:none; }
 .mouth-download:hover>span { opacity:0; }
 .mouth-download:hover .mouth-giggle { opacity:1;transform:none; }
}
.mac-download.mouth-download:active { transform:scale(.97); }
@media(max-width:899px) { .mac-download.mouth-download { width:178px;min-height:44px;font-size:12px; } }
@media(max-width:359px) { .mac-download.mouth-download { width:164px; } }
@media(prefers-reduced-motion:reduce) { .mac-download.mouth-download,.mouth-download *,.mac-download.mouth-download::after { transition:none!important; }.mac-download.mouth-download:is(:hover,:focus-visible){transform:none;} }
@media(prefers-contrast:more) { .mac-download.mouth-download { color:#183c4e;text-shadow:none; }.mac-download.mouth-download::before { background:#e8eff2;border:2px solid #284855; } }