.spinner{display:inline-block;width:1em;height:1em;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn{border-radius:24px;display:flex;justify-content:center;align-items:center;padding:8px;border:1px solid transparent;gap:8px;transition:.2s;box-sizing:border-box;font-weight:700}.btn.primary{background-color:#00a3a1;color:white;box-shadow:inset 2px 2px 6px 0 rgba(255,255,255,.25),0 1px 2px 0 rgba(16,24,40,.05)}.btn.primary:hover{background-color:#048181}.btn.primary:active{box-shadow:0 1px 2px 0 #1018280d;box-shadow:inset 2px 2px 6px 0 #31313140}.btn.primary:disabled{background-color:#697586;color:#cdd5df}.btn.M{padding:10px 16px;font-size:16px;line-height:20px;height:40px}.btn.danger{border-color:#f72929}.btn.default{background-color:#697586;color:white;box-shadow:0 1px 2px 0 #1018280d;box-shadow:inset 2px 2px 6px 0 #ffffff40}.btn.default:hover{background-color:#9aa4b2}.btn.default:active{box-shadow:inset 2px 2px 6px 0 #a6a6a640}.btn.secondary{border-color:#02bab4;color:#00a3a1;&:hover{background-color:#effefc}&:active{border-color:#c7fff8}&:disabled{color:#697586;background-color:#cdd5df}}.btn.L{font-size:18px;line-height:22px;padding:14px 16px;height:50px}.btn.XL{font-size:20px;line-height:26px;padding:20px;height:66px}.btn.S{font-size:12px;line-height:16px;padding:8px;height:32px}