.primary-btn{border-radius:var(--radius-lg);font-family:var(--font-secondary),sans-serif;color:var(--primary-btn-color,var(--color-text-inverse));background:var(--color-brand-low);cursor:pointer;transition:color .4s var(--ease-standard);border:none;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.primary-btn--sm{height:36px;font-size:var(--text-xs);padding:0 14px}.primary-btn--md{height:40px;font-size:var(--text-sm);padding:0 16px}.primary-btn--lg{height:44px;font-size:var(--text-md);padding:0 20px}.primary-btn:before{content:"";background-color:var(--primary-btn-hover-bg);z-index:0;width:0%;height:100%;transition:width .5s var(--ease-standard);position:absolute;top:0;left:-40px;transform:skew(45deg)}.primary-btn:hover:before{width:160%}.primary-btn--disabled{opacity:.35;cursor:not-allowed}.primary-btn--disabled:before{display:none}.primary-btn--loading{cursor:wait}.primary-btn__content{z-index:1;white-space:nowrap;align-items:center;gap:8px;display:inline-flex;position:relative}.primary-btn__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.primary-btn__icon svg{width:var(--icon-md);height:var(--icon-md)}.primary-btn__spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}