.my-button{position:relative;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(--my-button-transition, auto)}.my-button[s-disabled],.my-button:disabled{opacity:.5 !important;cursor:not-allowed}.my-button[s-disabled]:not(button),.my-button:disabled:not(button){pointer-events:none}.my-button.my-col{flex-direction:column}@media screen and (min-width: 881px){.my-button.my-col-desktop{flex-direction:column}}@media screen and (max-width: 880px){.my-button.my-col-mobile{flex-direction:column}}@media screen and (min-width: 881px){.my-button.my-row-desktop{flex-direction:row}}@media screen and (max-width: 880px){.my-button.my-row-mobile{flex-direction:row}}.my-button.my-size-lg{width:360px;height:88px;font-size:24px}.my-button.my-size-md{width:220px;height:48px;font-size:16px}@media screen and (max-width: 880px){.my-button.my-size-lg-mobile{width:360px;height:88px;font-size:24px}}@media screen and (max-width: 880px){.my-button.my-size-md-mobile{width:220px;height:48px;font-size:16px}}.my-button .my-tag{position:absolute;top:-10px;right:15px}.my-button__icon{display:flex;align-items:center;justify-content:center}.my-button__icon svg{width:1.1em;height:1.1em}.my-button__icon img{width:inherit;height:inherit}@media screen and (max-width: 880px){.my-button{gap:4px}}@property --my-button-primary-background-from{syntax:"<color>";inherits:false;initial-value:#c52da6}@property --my-button-primary-background-to{syntax:"<color>";inherits:false;initial-value:#e24b77}.my-button.my-primary{--my-button-primary-shadow: 0px 0px 21px 0px rgba(255, 51, 170, 0.25), inset 4px 5px 10px 0px rgba(255, 255, 255, 0.25), inset -1px -3px 7px 0px rgba(255, 255, 255, 0.25);--my-button-transition: --my-button-primary-background-from 0.3s, --my-button-primary-background-to 0.3s, scale 0.3s;position:relative;color:#fff;background:linear-gradient(var(--my-button-primary-background-angle, 93deg), var(--my-button-primary-background-from) 0%, var(--my-button-primary-background-to) 100%);border-radius:999px;box-shadow:var(--my-button-primary-shadow)}@media screen and (min-width: 881px){.my-button.my-primary.my-hover:not([disabled]):not([s-disabled]):hover{--my-button-primary-background-from: var(--my-button-primary-background-hover-from, #c925a8);--my-button-primary-background-to: var(--my-button-primary-background-hover-to, #e0416f);--transform-scale: 1.03}}.my-button.my-primary.my-hover:not([disabled]):not([s-disabled]):active{--transform-scale: 0.99 !important}@property --my-button-regular-background-from{syntax:"<color>";inherits:false;initial-value:rgba(0,0,0,0)}@property --my-button-regular-background-to{syntax:"<color>";inherits:false;initial-value:rgba(0,0,0,0)}.my-button.my-regular{--my-button-transition: scale 0.3s, --my-button-regular-background-from 0.3s, --my-button-regular-background-to 0.3s;position:relative;color:#e24b77;background:linear-gradient(93deg, var(--my-button-regular-background-from) 0%, var(--my-button-regular-background-to) 100%);border:1px solid #e24b77;border-radius:999px;overflow:hidden}.my-button.my-regular::before{content:"";position:absolute;left:0;top:-10px;width:100%;height:73%;background:linear-gradient(163deg, rgba(226, 75, 119, 0.2) 0%, rgba(226, 75, 119, 0) 100%);filter:blur(4px);border-radius:23px}.my-button.my-regular::after{content:"";position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);width:70%;height:15px;background:rgba(226,75,119,.3);border-radius:0;filter:blur(29px)}@media screen and (min-width: 881px){.my-button.my-regular.my-hover:not([disabled]):not([s-disabled]):hover{--transform-scale: 1.03;--my-button-regular-background-from: #c52da6;--my-button-regular-background-to: #e24b77;color:#fff;box-shadow:0px 0px 21px 0px rgba(255,51,170,.25),inset 4px 5px 10px 0px rgba(255,255,255,.25),inset -1px -3px 7px 0px rgba(255,255,255,.25);border-color:rgba(0,0,0,0)}}.my-button.my-regular.my-hover:not([disabled]):not([s-disabled]):active{--transform-scale: 0.99 !important}@property --my-button-success-background-from{syntax:"<color>";inherits:false;initial-value:#0cbebe}@property --my-button-success-background-to{syntax:"<color>";inherits:false;initial-value:#1cbc8c}.my-button.my-success{--my-button-success-shadow: inset 4px 5px 10px 0px rgba(255, 255, 255, 0.25), inset -1px -3px 7px 0px rgba(255, 255, 255, 0.25);--my-button-transition: --my-button-success-background-from 0.3s, --my-button-success-background-to 0.3s, scale 0.3s;position:relative;color:#fff;background:linear-gradient(93deg, var(--my-button-success-background-from) 0%, var(--my-button-success-background-to) 100%);border-radius:999px;box-shadow:var(--my-button-success-shadow)}@media screen and (min-width: 881px){.my-button.my-success.my-hover:not([disabled]):not([s-disabled]):hover{--transform-scale: 1.03}}.my-button.my-success.my-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 --my-button-info-background-from{syntax:"<color>";inherits:false;initial-value:#622dc5}@property --my-button-info-background-to{syntax:"<color>";inherits:false;initial-value:#b74be2}.my-button.my-info{--my-button-info-shadow: inset 4px 5px 10px 0px rgba(255, 255, 255, 0.25), inset -1px -3px 7px 0px rgba(255, 255, 255, 0.25);--my-button-transition: --my-button-info-background-from 0.3s, --my-button-info-background-to 0.3s, scale 0.3s;position:relative;color:#fff;background:linear-gradient(93deg, var(--my-button-info-background-from) 0%, var(--my-button-info-background-to) 100%);border-radius:999px;box-shadow:var(--my-button-info-shadow)}@media screen and (min-width: 881px){.my-button.my-info.my-hover:not([disabled]):not([s-disabled]):hover{--transform-scale: 1.03}}.my-button.my-info.my-hover:not([disabled]):not([s-disabled]):active{--transform-scale: 0.99 !important}