.button{background-color:#bef264;font-weight:700;border-radius:.5rem;cursor:pointer;color:#202020;padding:.5rem 1.5rem;border-radius:3rem;border:none;outline:none;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;transition:all .3s ease}.button:focus,.button:focus-visible{outline:3px solid #bef264;outline-offset:3px;filter:brightness(1.1)}.button:hover:not(:disabled){filter:brightness(1.05)}.button:disabled{cursor:not-allowed;opacity:.7}.button.loading{cursor:wait}.button.loading .button-text{margin-left:.25rem}.button .spinner{width:16px;height:16px;border:2px solid #202020;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}.button .button-text{display:inline-block}.button i{display:flex;align-items:center;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}