.button{border-radius:var(--border-radius);background-color:var(--accent-color);height:40px;color:var(--on-accent-color);cursor:pointer;border:none;flex-shrink:0;padding:0 18px;position:relative}.button:has(svg){justify-content:center;align-items:center;gap:10px;padding-left:14px;display:flex}.button:has(:only-child){padding:0 12px}.button span{color:var(--on-accent-color);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.button:hover{background-color:var(--accent-color-dark)}.button--loading span{visibility:hidden;opacity:0}.button--loading:after{content:"";border:2px solid #0000;border-top-color:var(--on-accent-color);border-radius:50%;width:12px;height:12px;margin:auto;animation:1s infinite spinner-loading;position:absolute;inset:0}@keyframes spinner-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}