.btn{font-weight:600;display:inline-flex;align-items:center;width:fit-content;cursor:pointer;transition:all .35s var(--transition-smooth);text-align:center;text-transform:uppercase;border:2px solid transparent;border-radius:9999px;appearance:none;gap:.5em}.btn svg{flex-shrink:0;width:1.2em;height:1.2em}.btn:disabled{pointer-events:none;filter:saturate(0)}.btn--loading svg{display:none}.btn--loading:after{display:inline-block;width:1.2em;height:1.2em;content:"";animation:spin 1s linear infinite;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'><g fill='none' stroke='black' stroke-width='2'><circle stroke-opacity='.5' cx='19' cy='19' r='18'/><path d='M37 19c0-9.94-8.06-18-18-18'/></g></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'><g fill='none' stroke='black' stroke-width='2'><circle stroke-opacity='.5' cx='19' cy='19' r='18'/><path d='M37 19c0-9.94-8.06-18-18-18'/></g></svg>");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}@keyframes spin{to{transform:rotate(360deg)}}.btn--sm{font-size:var(--text-sm);height:4rem;padding-inline:1.2rem}.btn--md{font-size:var(--text-md);height:6rem;padding-inline:2rem}.btn--primary{color:var(--color-primary);border-color:var(--color-secondary);background-color:var(--color-secondary)}.btn--primary:hover{transition:all .35s var(--transition-smooth);color:var(--color-secondary);border-color:var(--color-primary);background-color:var(--color-primary)}.btn--primary-transparent:hover{border-color:var(--color-secondary);background-color:transparent}