.pressable{box-shadow:var(--press-shadow,5px) var(--press-shadow,5px) 0 var(--press-color,#121212);cursor:pointer;transition:transform .14s,box-shadow .14s}.pressable:hover{transform:translate(calc(var(--press-shadow,5px) / 2), calc(var(--press-shadow,5px) / 2));box-shadow:calc(var(--press-shadow,5px) / 2) calc(var(--press-shadow,5px) / 2) 0 var(--press-color,#121212)}.pressable:active{transform:translate(var(--press-shadow,5px), var(--press-shadow,5px));box-shadow:0 0 0 var(--press-color,#121212)}.press-arrow{margin-inline-start:.3em;transition:transform .2s;display:inline-block}.pressable:hover .press-arrow,.pressable:focus-visible .press-arrow{transform:translate(6px)}.press-shine{position:relative;overflow:hidden}.press-shine:before{content:"";background:linear-gradient(100deg, transparent, var(--press-shine-color,#ffffffbf), transparent);pointer-events:none;width:30%;animation:3.6s ease-out .6s infinite both press-shine;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-18deg)}@keyframes press-shine{0%{left:-40%}25%,to{left:120%}}@media (prefers-reduced-motion:reduce){.pressable,.press-arrow{transition:none}.pressable:hover,.pressable:active,.pressable:hover .press-arrow,.pressable:focus-visible .press-arrow{transform:none}.press-shine:before{animation:none;display:none}}