.btn{cursor:pointer;letter-spacing:.05rem;transition:var(--transition);border:none;border-radius:.3em;margin:.8rem;padding:.7em 1.2em;font-size:1.4rem;font-weight:600;transition-property:transform}.btn:active:not(.loading){transform:translateY(.16rem)}@media (hover:hover){.btn:hover:enabled:not(.loading){filter:brightness(.9)}}.btn:disabled{cursor:no-drop;filter:saturate(0)}.primary-btn{background-color:var(--primary-color);color:#fff}.secondary-btn{color:#3526d9;background-color:#e9e8fc}.dark .secondary-btn{color:var(--primary-color);border:1px solid var(--primary-color);background-color:#0000}.secondary-btn.loading{background:#e9e8fc repeating-linear-gradient(60deg,#0000,#0000 10px,#d4d2ff 10px 20px) 0 0/200% 200%;animation:3s linear infinite button-loading}.dark .secondary-btn.loading{background:repeating-linear-gradient(60deg,#0000,#0000 10px,#2c3241 10px 20px) 0 0/200% 200%;animation:3s linear infinite button-loading}.primary-btn.loading{background:var(--primary-color) repeating-linear-gradient(60deg, transparent, transparent 10px, #8f85fd 10px, #8f85fd 20px);background-size:200% 200%;animation:3s linear infinite button-loading}@keyframes button-loading{to{background-position:100% 100%}}