.btn{border-radius:14px;background-color:var(--btn-bg,#1a95b8);box-shadow:inset 0 8px 22px rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.15),inset 0 1px 2px rgba(255,255,255,.7),0 12px 20px rgba(0,0,0,.1);transition:background-color .14s ease,box-shadow .14s ease,filter .14s ease}.btn--primary{--btn-bg:#1388b2;--btn-bg-hover:#18afe5;--btn-bg-pressed:#0d607e}.btn--secondary{--btn-bg:#87a728;--btn-bg-hover:#abd03b;--btn-bg-pressed:#60761c}.btn--black{--btn-bg:#4a4a4a;--btn-bg-hover:#777777;--btn-bg-pressed:#333333}.btn:hover,.btn[data-hover=true]{background-color:var(--btn-bg-hover,#33bfe7);box-shadow:inset 0 8px 22px rgba(255,255,255,.35),inset 0 -2px 3px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.15),inset 0 1px 2px rgba(255,255,255,.7),0 12px 20px rgba(0,0,0,.1)}.btn:active,.btn[data-pressed=true]{background-color:var(--btn-bg-pressed,#126a82);box-shadow:inset 0 8px 22px rgba(255,255,255,.2),inset 0 -2px 3px rgba(0,0,0,.2),0 2px 10px rgba(0,0,0,.15),inset 0 1px 2px rgba(255,255,255,.45),0 12px 20px rgba(0,0,0,.1)}.btn svg{pointer-events:none;flex-shrink:0}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn__icon,.btn__icon svg{width:var(--btn-icon-size,1em);height:var(--btn-icon-size,1em)}.btn svg:not([class*=size-]){width:var(--btn-icon-size,20px);height:var(--btn-icon-size,20px)}.btn__spinner{margin-right:8px;width:18px;height:18px;animation:btn-spin .8s linear infinite}@keyframes btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}