.sf-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;text-decoration:none !important;transform:var(--transform, translate(0)) scale(var(--transform-scale, 1));transition:transform .3s,opacity .3s,var(--sf-button-transition)}.sf-button[s-disabled],.sf-button:disabled{opacity:.5 !important;cursor:not-allowed}.sf-button[s-disabled]:not(button),.sf-button:disabled:not(button){pointer-events:none}.sf-button.sf-col{flex-direction:column}@media screen and (min-width: 881px){.sf-button.sf-col-desktop{flex-direction:column}}@media screen and (max-width: 880px){.sf-button.sf-col-mobile{flex-direction:column}}@media screen and (min-width: 881px){.sf-button.sf-row-desktop{flex-direction:row}}@media screen and (max-width: 880px){.sf-button.sf-row-mobile{flex-direction:row}}.sf-button.sf-size-lg{width:360px;height:88px;font-size:24px}.sf-button.sf-size-md{width:220px;height:48px;font-size:16px}@media screen and (max-width: 880px){.sf-button.sf-size-lg-mobile{width:360px;height:88px;font-size:24px}}@media screen and (max-width: 880px){.sf-button.sf-size-md-mobile{width:220px;height:48px;font-size:16px}}.sf-button__icon{display:flex;align-items:center;justify-content:center}.sf-button__icon svg{width:1.1em;height:1.1em}.sf-button__icon img{width:inherit;height:inherit}@media screen and (max-width: 880px){.sf-button{gap:4px}}@property --sf-button-primary-background-from{syntax:"<color>";inherits:false;initial-value:#7024cd}@property --sf-button-primary-background-to{syntax:"<color>";inherits:false;initial-value:#8f24cd}.sf-button.sf-primary{--sf-button-primary-shadow: 0px 0px 20px 4px rgba(163, 51, 255, 0.25), inset 4px 5px 10px 0px rgba(255, 255, 255, 0.25), inset -1px -3px 7px 0px rgba(255, 255, 255, 0.25);--sf-button-primary-border-color: linear-gradient(179deg, rgba(149, 65, 251, 1), rgba(172, 65, 251, 1));--sf-button-transition: --sf-button-primary-background-from 0.3s, --sf-button-primary-background-to 0.3s, scale 0.3s;position:relative;color:#fff;border:1px solid rgba(0,0,0,0);background:linear-gradient(93deg, var(--sf-button-primary-background-from) 0%, var(--sf-button-primary-background-to) 100%);border-radius:999px;box-shadow:var(--sf-button-primary-shadow)}.sf-button.sf-primary::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--sf-button-primary-border-color);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media screen and (min-width: 881px){.sf-button.sf-primary.sf-hover:not([disabled]):not([s-disabled]):hover{--sf-button-primary-background-from: #8b2dfe;--sf-button-primary-background-to: #b330ff;--sf-button-primary-shadow: 0px 0px 20px 4px rgba(163, 51, 255, 0.25), inset 4px 5px 10px 0px rgba(255, 255, 255, 0.25), inset -1px -3px 7px 0px rgba(255, 255, 255, 0.25);--sf-button-primary-border-color: linear-gradient(179deg, rgba(142, 50, 255, 1), rgba(172, 65, 251, 1));--transform-scale: 1.03}}.sf-button.sf-primary.sf-hover:not([disabled]):not([s-disabled]):active{--transform-scale: 0.99 !important}@property --sf-button-regular-background-from{syntax:"<color>";inherits:false;initial-value:#8a2aff}@property --sf-button-regular-background-to{syntax:"<color>";inherits:false;initial-value:#a62aff}.sf-button.sf-regular{--sf-button-transition: --sf-button-regular-background-from 0.3s, --sf-button-regular-background-to 0.3s, scale 0.3s;color:#fff;background:linear-gradient(92deg, var(--sf-button-regular-background-from) 0%, var(--sf-button-regular-background-to) 100%);border-radius:999px}@media screen and (min-width: 881px){.sf-button.sf-regular.sf-hover:not([disabled]):not([s-disabled]):hover{--sf-button-regular-background-from: #9b49ff;--sf-button-regular-background-to: #cd44ff;--transform-scale: 1.03}}.sf-button.sf-regular.sf-hover:not([disabled]):not([s-disabled]):active{--transform-scale: 0.99 !important}@property --sf-button-success-background-from{syntax:"<color>";inherits:false;initial-value:#21c5a4}@property --sf-button-success-background-to{syntax:"<color>";inherits:false;initial-value:#20a8d5}.sf-button.sf-success{--sf-button-transition: --sf-button-success-background-from 0.3s, --sf-button-success-background-to 0.3s, scale 0.3s;color:#fff;background:linear-gradient(92deg, var(--sf-button-success-background-from) 0%, var(--sf-button-success-background-to) 100%);border-radius:999px}@media screen and (min-width: 881px){.sf-button.sf-success.sf-hover:not([disabled]):not([s-disabled]):hover{--sf-button-success-background-from: #12d4ad;--sf-button-success-background-to: #19bff6;--transform-scale: 1.03}}.sf-button.sf-success.sf-hover:not([disabled]):not([s-disabled]):active{--transform-scale: 0.99 !important}@property --sf-button-normal-background-from{syntax:"<color>";inherits:false;initial-value:#44157d}@property --sf-button-normal-background-to{syntax:"<color>";inherits:false;initial-value:#44157d}.sf-button.sf-normal{--sf-button-transition: --sf-button-normal-background-from 0.3s, --sf-button-normal-background-to 0.3s, scale 0.3s;color:#fff;background:linear-gradient(92deg, var(--sf-button-normal-background-from) 0%, var(--sf-button-normal-background-to) 100%);border-radius:999px}@media screen and (min-width: 881px){.sf-button.sf-normal.sf-hover:not([disabled]):not([s-disabled]):hover{--sf-button-normal-background-from: #44157d;--sf-button-normal-background-to: #44157d;--transform-scale: 1.03}}.sf-button.sf-normal.sf-hover:not([disabled]):not([s-disabled]):active{--transform-scale: 0.99 !important}@property --sf-button-info-background-from{syntax:"<color>";inherits:false;initial-value:#61a6ff}@property --sf-button-info-background-to{syntax:"<color>";inherits:false;initial-value:#7577ff}.sf-button.sf-info{--sf-button-transition: --sf-button-info-background-from 0.3s, --sf-button-info-background-to 0.3s, scale 0.3s;color:#fff;background:linear-gradient(92deg, var(--sf-button-info-background-from) 0%, var(--sf-button-info-background-to) 100%);border-radius:999px}@media screen and (min-width: 881px){.sf-button.sf-info.sf-hover:not([disabled]):not([s-disabled]):hover{--sf-button-info-background-from: #78a1ff;--sf-button-info-background-to: #8e8cff;--transform-scale: 1.03}}.sf-button.sf-info.sf-hover:not([disabled]):not([s-disabled]):active{--transform-scale: 0.99 !important}