.c-cadena{display:grid;height:100%;padding:2rem}.c-cadena select{font:inherit;padding:.5rem}@media (max-height: 35rem){.c-cadena__game{display:flex;align-items:center;justify-content:center}}.c-cadena__actions{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;align-items:flex-end}.c-cadena__action{display:inline-block;cursor:pointer;margin:0 0 1rem;padding:.5rem 1rem;font-family:inherit;border-radius:5rem;background:#444;color:#fff;border:0;letter-spacing:inherit;box-shadow:inset 0 .2rem .2rem #ffffff1a,inset 0 -.2rem .2rem #0003,0 .5rem .5rem #0000004d;transition:.1s ease-out;outline:none}.c-cadena__action:hover,.c-cadena__action:focus{background:#333}.c-cadena__action--active{background:#162d16}.c-cadena__action--active:hover,.c-cadena__action--active:focus{background:#193f19}.c-cadena__action--mute:before{content:"";display:inline-block;width:1.8em;height:1.8em;vertical-align:middle;margin:-.9em .5em -.9em 0;background:url(/assets/volume_up-f31ec4c3.svg);background-size:contain}.c-cadena__action--mute.c-cadena__action--active:before{background-image:url(/assets/volume_off-9f6a0e98.svg)}.c-cadena__top{position:relative;text-align:center;margin:0 auto}.c-cadena__bottom{width:11rem;margin:2rem auto;padding:1rem 2rem;background:#222;border-radius:1rem;box-shadow:inset 0 .2rem .2rem #ffffff1a,inset 0 -.2rem .2rem #0003,0 .5rem .5rem #0000004d}.c-cadena__timer{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);font-size:1.75rem;font-family:monospace,sans-serif}.c-cadena__results{position:relative;width:12rem;height:12rem;background:#111;margin:.5rem auto;border-radius:50%;box-shadow:inset 0 -.2rem .2rem #ffffff08,inset 0 .2rem .2rem #0003,0 -.2rem .2rem #0003}.c-cadena__results:before{content:"";position:absolute;top:50%;left:50%;width:7rem;height:7rem;border-radius:50%;transform:translate(-50%,-50%);background:#222;box-shadow:inset 0 .2rem .2rem #ffffff1a,inset 0 -.2rem .2rem #0003,0 .2rem .4rem #00000080}.c-cadena__results--reverse .c-cadena__result span{border-top-width:.45rem;border-bottom-width:0;margin:-.4rem 0}.c-cadena__results--reverse .c-cadena__result span:before{top:auto;bottom:100%;margin:0 -.4rem .6rem}.c-cadena__result{position:absolute;top:50%;left:50%;width:50%;text-align:right;transform-origin:0 50%}.c-cadena__result span{position:absolute;left:4.2rem;bottom:50%;width:0;height:0;margin:-.1rem 0;border:solid .45rem transparent;border-bottom-color:#880;border-top-color:#880;border-top-width:0;transform-origin:-4.2rem 50%}.c-cadena__result span:before{content:"";position:absolute;top:100%;left:0;width:.85rem;height:.15rem;margin:.6rem -.4rem 0;background:#880}.c-cadena__result:after{content:"";width:1.25rem;height:1.25rem;display:inline-flex;background:#111;border-radius:50%;margin:0 .75rem;box-shadow:inset 0 .2rem .75rem #ffffff4d,inset 0 -.2rem .2rem #00000080,0 0 #cfc,0 0 #cfc,0 0 #cfc,0 0 #4c4,0 0 #4c4,0 0 #4c4,0 0 #4c4,0 0 #4c4,0 .2rem .4rem #00000080;transition:all .3s cubic-bezier(.18,.89,.32,1.28)}.c-cadena__result--active:after{background:#cfc;animation:light 1.5s ease-in-out infinite alternate;transition-duration:.15s}.c-cadena__result:nth-child(1):nth-last-child(4){transform:translateY(-50%) rotate(-90deg)}.c-cadena__result:nth-child(1):nth-last-child(4):after{transform:rotate(90deg)}.c-cadena__result:nth-child(1):nth-last-child(4) span{transform:rotate(45deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(1):nth-last-child(4) span{transform:rotate(-45deg)}.c-cadena__result:nth-child(2):nth-last-child(3){transform:translateY(-50%) rotate(-180deg)}.c-cadena__result:nth-child(2):nth-last-child(3):after{transform:rotate(180deg)}.c-cadena__result:nth-child(2):nth-last-child(3) span{transform:rotate(45deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(2):nth-last-child(3) span{transform:rotate(-45deg)}.c-cadena__result:nth-child(3):nth-last-child(2){transform:translateY(-50%) rotate(-270deg)}.c-cadena__result:nth-child(3):nth-last-child(2):after{transform:rotate(270deg)}.c-cadena__result:nth-child(3):nth-last-child(2) span{transform:rotate(45deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(3):nth-last-child(2) span{transform:rotate(-45deg)}.c-cadena__result:nth-child(4):nth-last-child(1){transform:translateY(-50%) rotate(-360deg)}.c-cadena__result:nth-child(4):nth-last-child(1):after{transform:rotate(360deg)}.c-cadena__result:nth-child(4):nth-last-child(1) span{transform:rotate(45deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(4):nth-last-child(1) span{transform:rotate(-45deg)}.c-cadena__result:nth-child(1):nth-last-child(6){transform:translateY(-50%) rotate(-90deg)}.c-cadena__result:nth-child(1):nth-last-child(6):after{transform:rotate(90deg)}.c-cadena__result:nth-child(1):nth-last-child(6) span{transform:rotate(30deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(1):nth-last-child(6) span{transform:rotate(-30deg)}.c-cadena__result:nth-child(2):nth-last-child(5){transform:translateY(-50%) rotate(-150deg)}.c-cadena__result:nth-child(2):nth-last-child(5):after{transform:rotate(150deg)}.c-cadena__result:nth-child(2):nth-last-child(5) span{transform:rotate(30deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(2):nth-last-child(5) span{transform:rotate(-30deg)}.c-cadena__result:nth-child(3):nth-last-child(4){transform:translateY(-50%) rotate(-210deg)}.c-cadena__result:nth-child(3):nth-last-child(4):after{transform:rotate(210deg)}.c-cadena__result:nth-child(3):nth-last-child(4) span{transform:rotate(30deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(3):nth-last-child(4) span{transform:rotate(-30deg)}.c-cadena__result:nth-child(4):nth-last-child(3){transform:translateY(-50%) rotate(-270deg)}.c-cadena__result:nth-child(4):nth-last-child(3):after{transform:rotate(270deg)}.c-cadena__result:nth-child(4):nth-last-child(3) span{transform:rotate(30deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(4):nth-last-child(3) span{transform:rotate(-30deg)}.c-cadena__result:nth-child(5):nth-last-child(2){transform:translateY(-50%) rotate(-330deg)}.c-cadena__result:nth-child(5):nth-last-child(2):after{transform:rotate(330deg)}.c-cadena__result:nth-child(5):nth-last-child(2) span{transform:rotate(30deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(5):nth-last-child(2) span{transform:rotate(-30deg)}.c-cadena__result:nth-child(6):nth-last-child(1){transform:translateY(-50%) rotate(-390deg)}.c-cadena__result:nth-child(6):nth-last-child(1):after{transform:rotate(390deg)}.c-cadena__result:nth-child(6):nth-last-child(1) span{transform:rotate(30deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(6):nth-last-child(1) span{transform:rotate(-30deg)}.c-cadena__result:nth-child(1):nth-last-child(8){transform:translateY(-50%) rotate(-90deg)}.c-cadena__result:nth-child(1):nth-last-child(8):after{transform:rotate(90deg)}.c-cadena__result:nth-child(1):nth-last-child(8) span{transform:rotate(22.5deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(1):nth-last-child(8) span{transform:rotate(-22.5deg)}.c-cadena__result:nth-child(2):nth-last-child(7){transform:translateY(-50%) rotate(-135deg)}.c-cadena__result:nth-child(2):nth-last-child(7):after{transform:rotate(135deg)}.c-cadena__result:nth-child(2):nth-last-child(7) span{transform:rotate(22.5deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(2):nth-last-child(7) span{transform:rotate(-22.5deg)}.c-cadena__result:nth-child(3):nth-last-child(6){transform:translateY(-50%) rotate(-180deg)}.c-cadena__result:nth-child(3):nth-last-child(6):after{transform:rotate(180deg)}.c-cadena__result:nth-child(3):nth-last-child(6) span{transform:rotate(22.5deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(3):nth-last-child(6) span{transform:rotate(-22.5deg)}.c-cadena__result:nth-child(4):nth-last-child(5){transform:translateY(-50%) rotate(-225deg)}.c-cadena__result:nth-child(4):nth-last-child(5):after{transform:rotate(225deg)}.c-cadena__result:nth-child(4):nth-last-child(5) span{transform:rotate(22.5deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(4):nth-last-child(5) span{transform:rotate(-22.5deg)}.c-cadena__result:nth-child(5):nth-last-child(4){transform:translateY(-50%) rotate(-270deg)}.c-cadena__result:nth-child(5):nth-last-child(4):after{transform:rotate(270deg)}.c-cadena__result:nth-child(5):nth-last-child(4) span{transform:rotate(22.5deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(5):nth-last-child(4) span{transform:rotate(-22.5deg)}.c-cadena__result:nth-child(6):nth-last-child(3){transform:translateY(-50%) rotate(-315deg)}.c-cadena__result:nth-child(6):nth-last-child(3):after{transform:rotate(315deg)}.c-cadena__result:nth-child(6):nth-last-child(3) span{transform:rotate(22.5deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(6):nth-last-child(3) span{transform:rotate(-22.5deg)}.c-cadena__result:nth-child(7):nth-last-child(2){transform:translateY(-50%) rotate(-360deg)}.c-cadena__result:nth-child(7):nth-last-child(2):after{transform:rotate(360deg)}.c-cadena__result:nth-child(7):nth-last-child(2) span{transform:rotate(22.5deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(7):nth-last-child(2) span{transform:rotate(-22.5deg)}.c-cadena__result:nth-child(8):nth-last-child(1){transform:translateY(-50%) rotate(-405deg)}.c-cadena__result:nth-child(8):nth-last-child(1):after{transform:rotate(405deg)}.c-cadena__result:nth-child(8):nth-last-child(1) span{transform:rotate(22.5deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(8):nth-last-child(1) span{transform:rotate(-22.5deg)}.c-cadena__result:nth-child(1):nth-last-child(10){transform:translateY(-50%) rotate(-90deg)}.c-cadena__result:nth-child(1):nth-last-child(10):after{transform:rotate(90deg)}.c-cadena__result:nth-child(1):nth-last-child(10) span{transform:rotate(18deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(1):nth-last-child(10) span{transform:rotate(-18deg)}.c-cadena__result:nth-child(2):nth-last-child(9){transform:translateY(-50%) rotate(-126deg)}.c-cadena__result:nth-child(2):nth-last-child(9):after{transform:rotate(126deg)}.c-cadena__result:nth-child(2):nth-last-child(9) span{transform:rotate(18deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(2):nth-last-child(9) span{transform:rotate(-18deg)}.c-cadena__result:nth-child(3):nth-last-child(8){transform:translateY(-50%) rotate(-162deg)}.c-cadena__result:nth-child(3):nth-last-child(8):after{transform:rotate(162deg)}.c-cadena__result:nth-child(3):nth-last-child(8) span{transform:rotate(18deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(3):nth-last-child(8) span{transform:rotate(-18deg)}.c-cadena__result:nth-child(4):nth-last-child(7){transform:translateY(-50%) rotate(-198deg)}.c-cadena__result:nth-child(4):nth-last-child(7):after{transform:rotate(198deg)}.c-cadena__result:nth-child(4):nth-last-child(7) span{transform:rotate(18deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(4):nth-last-child(7) span{transform:rotate(-18deg)}.c-cadena__result:nth-child(5):nth-last-child(6){transform:translateY(-50%) rotate(-234deg)}.c-cadena__result:nth-child(5):nth-last-child(6):after{transform:rotate(234deg)}.c-cadena__result:nth-child(5):nth-last-child(6) span{transform:rotate(18deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(5):nth-last-child(6) span{transform:rotate(-18deg)}.c-cadena__result:nth-child(6):nth-last-child(5){transform:translateY(-50%) rotate(-270deg)}.c-cadena__result:nth-child(6):nth-last-child(5):after{transform:rotate(270deg)}.c-cadena__result:nth-child(6):nth-last-child(5) span{transform:rotate(18deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(6):nth-last-child(5) span{transform:rotate(-18deg)}.c-cadena__result:nth-child(7):nth-last-child(4){transform:translateY(-50%) rotate(-306deg)}.c-cadena__result:nth-child(7):nth-last-child(4):after{transform:rotate(306deg)}.c-cadena__result:nth-child(7):nth-last-child(4) span{transform:rotate(18deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(7):nth-last-child(4) span{transform:rotate(-18deg)}.c-cadena__result:nth-child(8):nth-last-child(3){transform:translateY(-50%) rotate(-342deg)}.c-cadena__result:nth-child(8):nth-last-child(3):after{transform:rotate(342deg)}.c-cadena__result:nth-child(8):nth-last-child(3) span{transform:rotate(18deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(8):nth-last-child(3) span{transform:rotate(-18deg)}.c-cadena__result:nth-child(9):nth-last-child(2){transform:translateY(-50%) rotate(-378deg)}.c-cadena__result:nth-child(9):nth-last-child(2):after{transform:rotate(378deg)}.c-cadena__result:nth-child(9):nth-last-child(2) span{transform:rotate(18deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(9):nth-last-child(2) span{transform:rotate(-18deg)}.c-cadena__result:nth-child(10):nth-last-child(1){transform:translateY(-50%) rotate(-414deg)}.c-cadena__result:nth-child(10):nth-last-child(1):after{transform:rotate(414deg)}.c-cadena__result:nth-child(10):nth-last-child(1) span{transform:rotate(18deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(10):nth-last-child(1) span{transform:rotate(-18deg)}.c-cadena__result:nth-child(1):nth-last-child(12){transform:translateY(-50%) rotate(-90deg)}.c-cadena__result:nth-child(1):nth-last-child(12):after{transform:rotate(90deg)}.c-cadena__result:nth-child(1):nth-last-child(12) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(1):nth-last-child(12) span{transform:rotate(-15deg)}.c-cadena__result:nth-child(2):nth-last-child(11){transform:translateY(-50%) rotate(-120deg)}.c-cadena__result:nth-child(2):nth-last-child(11):after{transform:rotate(120deg)}.c-cadena__result:nth-child(2):nth-last-child(11) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(2):nth-last-child(11) span{transform:rotate(-15deg)}.c-cadena__result:nth-child(3):nth-last-child(10){transform:translateY(-50%) rotate(-150deg)}.c-cadena__result:nth-child(3):nth-last-child(10):after{transform:rotate(150deg)}.c-cadena__result:nth-child(3):nth-last-child(10) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(3):nth-last-child(10) span{transform:rotate(-15deg)}.c-cadena__result:nth-child(4):nth-last-child(9){transform:translateY(-50%) rotate(-180deg)}.c-cadena__result:nth-child(4):nth-last-child(9):after{transform:rotate(180deg)}.c-cadena__result:nth-child(4):nth-last-child(9) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(4):nth-last-child(9) span{transform:rotate(-15deg)}.c-cadena__result:nth-child(5):nth-last-child(8){transform:translateY(-50%) rotate(-210deg)}.c-cadena__result:nth-child(5):nth-last-child(8):after{transform:rotate(210deg)}.c-cadena__result:nth-child(5):nth-last-child(8) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(5):nth-last-child(8) span{transform:rotate(-15deg)}.c-cadena__result:nth-child(6):nth-last-child(7){transform:translateY(-50%) rotate(-240deg)}.c-cadena__result:nth-child(6):nth-last-child(7):after{transform:rotate(240deg)}.c-cadena__result:nth-child(6):nth-last-child(7) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(6):nth-last-child(7) span{transform:rotate(-15deg)}.c-cadena__result:nth-child(7):nth-last-child(6){transform:translateY(-50%) rotate(-270deg)}.c-cadena__result:nth-child(7):nth-last-child(6):after{transform:rotate(270deg)}.c-cadena__result:nth-child(7):nth-last-child(6) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(7):nth-last-child(6) span{transform:rotate(-15deg)}.c-cadena__result:nth-child(8):nth-last-child(5){transform:translateY(-50%) rotate(-300deg)}.c-cadena__result:nth-child(8):nth-last-child(5):after{transform:rotate(300deg)}.c-cadena__result:nth-child(8):nth-last-child(5) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(8):nth-last-child(5) span{transform:rotate(-15deg)}.c-cadena__result:nth-child(9):nth-last-child(4){transform:translateY(-50%) rotate(-330deg)}.c-cadena__result:nth-child(9):nth-last-child(4):after{transform:rotate(330deg)}.c-cadena__result:nth-child(9):nth-last-child(4) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(9):nth-last-child(4) span{transform:rotate(-15deg)}.c-cadena__result:nth-child(10):nth-last-child(3){transform:translateY(-50%) rotate(-360deg)}.c-cadena__result:nth-child(10):nth-last-child(3):after{transform:rotate(360deg)}.c-cadena__result:nth-child(10):nth-last-child(3) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(10):nth-last-child(3) span{transform:rotate(-15deg)}.c-cadena__result:nth-child(11):nth-last-child(2){transform:translateY(-50%) rotate(-390deg)}.c-cadena__result:nth-child(11):nth-last-child(2):after{transform:rotate(390deg)}.c-cadena__result:nth-child(11):nth-last-child(2) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(11):nth-last-child(2) span{transform:rotate(-15deg)}.c-cadena__result:nth-child(12):nth-last-child(1){transform:translateY(-50%) rotate(-420deg)}.c-cadena__result:nth-child(12):nth-last-child(1):after{transform:rotate(420deg)}.c-cadena__result:nth-child(12):nth-last-child(1) span{transform:rotate(15deg)}.c-cadena__results--reverse .c-cadena__result:nth-child(12):nth-last-child(1) span{transform:rotate(-15deg)}.c-cadena__btns{display:grid;grid-template-columns:repeat(2,1fr);text-align:center;padding:0}.c-cadena__btn{position:relative;display:inline-block;justify-self:center;outline:none;cursor:pointer;margin:.5rem;width:2rem;height:2rem;background:#111;border:0;box-shadow:inset 0 -.2rem #ffffff1a,inset 0 .2rem #0003;-webkit-tap-highlight-color:transparent}.c-cadena__btn:before{content:attr(data-value);position:absolute;top:50%;left:100%;margin:0 0rem;padding:1rem;transform:translateY(-50%);color:#822;font-size:1rem;font-weight:700;pointer-events:none}.c-cadena__btn:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;border-radius:50%;transform:translate(-50%,-50%);background:#333;box-shadow:inset 0 .2rem .3rem #fff3,inset 0 -.2rem .3rem #00000080;transition:.1s ease-out}.c-cadena__btn:nth-child(2n+1):before{left:auto;right:100%}.c-cadena__btn:hover:after,.c-cadena__btn:focus:after{background:#777}.c-cadena__btn:focus-visible{outline:hsl(120deg,57%,30%) solid .2rem;outline-offset:-.2rem}.c-cadena__btn--active:after,.c-cadena__btn--active:hover:after,.c-cadena__btn--active:focus:after{background:#333;opacity:.4}.c-cadena__game--loose{animation:fadeOut .3s ease-out .9s;animation-fill-mode:both}.c-cadena__game--loose .c-cadena__result:after{animation:unlock-loose .3s 3}.c-cadena__game--win{animation:fadeOut .3s ease-out 3.5s;animation-fill-mode:both}.c-cadena__game--win .c-cadena__result:after{animation:unlock-win .6s 4 .3s;animation-fill-mode:forwards}.c-cadena__game--win .c-cadena__result:nth-child(odd):after{animation-delay:.6s}@keyframes light{0%{box-shadow:inset 0 .2rem .75rem #ffffff4d,inset 0 -.2rem .1rem #0000001a,0 0 10px #cfc,0 0 20px #cfc,0 0 30px #cfc,0 0 40px #4c4,0 0 70px #4c4,0 0 80px #4c4,0 0 100px #4c4,0 0 150px #4c4,0 .2rem .4rem #00000080}to{box-shadow:inset 0 .2rem .75rem #ffffff4d,inset 0 -.2rem .1rem #0000001a,0 0 5px #cfc,0 0 10px #cfc,0 0 15px #cfc,0 0 20px #4c4,0 0 35px #4c4,0 0 40px #4c4,0 0 50px #4c4,0 0 75px #4c4,0 .2rem .4rem #00000080}}@keyframes unlock-win{0%,49%{background:#111;animation:none;box-shadow:inset 0 .2rem .75rem #ffffff4d,inset 0 -.2rem .1rem #0000001a,0 0 #cfc,0 0 #cfc,0 0 #cfc,0 0 #4c4,0 0 #4c4,0 0 #4c4,0 0 #4c4,0 0 #4c4,0 .2rem .4rem #00000080}50%,to{background:#cfc}65%,to{background:#cfc;animation:none;box-shadow:inset 0 .2rem .75rem #ffffff4d,inset 0 -.2rem .1rem #0000001a,0 0 #cfc,0 0 20px #cfc,0 0 30px #cfc,0 0 40px #4c4,0 0 70px #4c4,0 0 80px #4c4,0 0 100px #4c4,0 0 150px #4c4,0 .2rem .4rem #00000080}}@keyframes unlock-loose{50%{background-color:#c44}}@keyframes fadeOut{to{opacity:0}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;color:#999;color-scheme:dark;accent-color:#4c4;background:#222 repeating-linear-gradient(45deg,#2b2b2b 0%,#2b2b2b 10%,#222 0%,#222 50%) 0/15px 15px;font-family:monospace,sans-serif;letter-spacing:.1em;text-shadow:0 .1rem .05rem rgba(0,0,0,.7);text-align:center}.c-btn{cursor:pointer;display:inline-block;margin:1rem;padding:.5rem 1rem;font-family:inherit;border-radius:.5rem;background:hsl(0deg,0%,27%);color:#fff;border:0;font-size:1.5rem;letter-spacing:inherit;box-shadow:inset 0 .2rem .2rem #ffffff1a,inset 0 -.2rem .2rem #0003,0 .5rem .5rem #0000004d;transition:.1s ease-out;outline:none}.c-btn:hover,.c-btn:focus{background:hsl(0deg,0%,20%)}.c-btn--danger{background:hsl(0deg,60%,25%)}.c-btn--danger:hover,.c-btn--danger:focus{background:hsl(0deg,60%,20%)}