/* Stationary anchor hitboxes, dimensional button faces. */
.language-tile{position:relative;background:transparent;border:0;padding:0;overflow:visible;cursor:pointer;transform:none!important;transition:none;isolation:isolate}
.language-tile.wide{padding:0}
.tile-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:inherit;border:1px solid #504548;background:linear-gradient(180deg,#292326 0%,#191619 100%);box-shadow:0 3px 1px #030303,0 6px 10px #0005,inset 0 1px 0 #ffffff12;pointer-events:none;transform-origin:center center;transition:transform 150ms cubic-bezier(.23,1,.32,1),border-color 150ms,background-color 150ms}
.wide .tile-face{flex-direction:row;justify-content:flex-start;gap:12px;padding:9px 14px;border-color:#97515a;background:linear-gradient(180deg,#48252c,#291a20)}
.tile-arrow{position:absolute;right:8px;top:8px;width:10px;height:10px;fill:none;stroke:#bc858d;stroke-width:1.6}
.wide .tile-arrow{display:none}
.language-tile .chevron{color:#ff8a96}
.language-tile:focus-visible{outline:3px solid #fff;outline-offset:5px}
.language-tile:focus-visible .tile-face{border-color:#ff8a96;transition:none}
@media(hover:hover) and (pointer:fine){.language-tile:hover{background:transparent}.language-tile:hover .tile-face{transform:translateY(-2px);border-color:#ed6a7a}}
.language-tile:active .tile-face{transform:translateY(2px) scale(.985);box-shadow:0 1px 2px #0008,inset 0 1px 0 #ffffff0a}
@media(prefers-reduced-motion:reduce){.tile-face{transition:none;transform:none!important}}