.phrase{display:flex;flex-wrap:wrap;justify-content:center;margin:30px -10px;text-transform:uppercase}.phrase__word{display:flex;flex-grow:1;justify-content:space-evenly;padding:0 7px}.phrase__letter{background:#efefef;border:2px solid #efefef;border-radius:4px;color:#acacac;font-size:46px;font-weight:700;margin:0 3px 6px;padding:0 10px}.phrase__letter_active{background:#fff;border-color:#f24069;color:#f24069}.roulette__box{border-radius:50%;position:relative;overflow:hidden}.roulette__box:before{border-radius:50%;box-shadow:inset 0 -.6em rgba(0,0,0,.25);content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.roulette__arrow{border:2em solid transparent;border-left-color:#fff;border-right-width:0;content:"";filter:drop-shadow(0 .25em 0 rgba(0,0,0,.25));position:absolute;top:calc(50% - 2em);left:-1px}.roulette:before{content:"";display:block;padding-top:100%}.roulette__section,.roulette__letter-box{position:absolute;top:50%;left:50%;transform-origin:0 0}.roulette__section{border:0 solid transparent;border-top-width:100vh}.roulette__letter-box{width:100%;height:100%}.roulette__letter{color:#fff;font-size:24px;position:absolute;text-transform:uppercase}.roulette__btn{background:#fff;border:0;border-radius:50%;box-shadow:0 .14em rgba(0,0,0,.25),inset 0 0 3px #000;width:36%;height:36%;font-size:28px;font-weight:700;outline:0;position:absolute;top:32%;left:32%;transition:.15s;user-select:none;z-index:4}.roulette__btn_active{box-shadow:0 .1em rgba(0,0,0,.25),inset 0 0 3px #000;transform:scale(.9)}.visibility_hidden{visibility:hidden}@media (min-width: 992px){.roulette__letter{font-size:40px;font-weight:700}.roulette__btn{font-size:36px}}@media (max-width: 767px){.phrase{margin-bottom:10px}.phrase__letter{font-size:20px}}@media (hover){.roulette__btn:not(.roulette__btn_active):hover{box-shadow:0 .18em rgba(0,0,0,.25),inset 0 0 3px #000;transform:scale(1.05)}}