.mystery-button{cursor:pointer;vertical-align:middle;color:var(--button-text);text-transform:uppercase;background:var(--light-main-color);border:2px solid var(--button-border);transform-style:preserve-3d;border-radius:50%;outline:none;padding:1.25em 2em;font-weight:600;text-decoration:none;transition:transform .15s ease-out,background .15s ease-out;display:inline-block;position:relative}.mystery-button:before{content:"";background:var(--dark-main-color);border-radius:inherit;width:100%;height:100%;box-shadow:0 0 0 2px var(--button-border),0 .625em 0 0 var(--button-shadow);transition:transform .15s ease-out,box-shadow .15s ease-out;position:absolute;inset:0;transform:translate3d(0,.75em,-1em)}.mystery-button:hover,.mystery-button:focus{background:var(--main-text-color);text-decoration:underline}:is(.mystery-button:hover,.mystery-button:focus):before{background:var(--main-text-color)}.mystery-button:active{background:#cd5b5b;transform:translateY(.75em)}.mystery-button:active:before{box-shadow:0 0 0 2px var(--button-border),0 0 var(--button-shadow);background:#cd5b5b;transform:translateZ(-1em)}