.btn{width:inherit;text-align:center;white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-appearance:button;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;height:4.8rem;padding:0 1rem;transition:all .25s;display:flex;position:relative}.btn>span{color:#fff;font-size:1.6rem}.btn:active{box-shadow:0 0 11px 1px gray}.btn--hover:hover{border:1px solid #2d3742}.btn--transparent{background-color:#0000;background-image:none;border:1px solid #0000;outline:none}.btn--shiny{position:relative}.btn--shiny:hover{background-image:linear-gradient(90deg,#0000 33%,#ffffff4d 50%,#0000 66%);background-size:300% 100%;animation:1s shine}.btn--shadow{box-shadow:0 .4rem 1.6rem #424e5729}.btn--opacity{opacity:.5}.btn--disabled{cursor:not-allowed!important;background-color:#ebecf0!important}.btn--active{background-color:#ebecf0!important}.btn__circle{border-radius:50%;width:4.8rem;height:4.8rem}.btn__square{width:4.8rem}.btn__oval{border-radius:3.2rem}.btn-notification{background:0 0;border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:-.4rem;right:-.4rem}.btn-notification.topLeft{left:-.4rem}.btn-notification.topRight{right:-.4rem}.btn-notification.blue{background:#ff6000}@keyframes shine{0%{background-position:100%}}.dot{justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;display:flex}.dot__item{border-radius:50%}.dot__item:first-child{animation-name:flow;animation-duration:.4s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:0s}.dot__item:nth-child(2){animation:.4s .2s infinite alternate flow}.dot__item:nth-child(3){animation:.4s .4s infinite alternate flow}@keyframes flow{0%{opacity:1;transform:scale(1.2)}to{opacity:.2;transform:scale(.75)}}