.invite-button{--primary:#275efe;--primary-dark:#2055ee;--primary-darkest:#133fc0;--text:#fff;--text-opacity:1;--success:#2b3044;--success-scale:0.2;--success-opacity:0;--border-radius:7;--overflow:hidden;--rotate:0;--plane-x:0;--plane-y:0;--plane-opacity:1;--left-wing-background:var(--primary);--left-wing-first-x:0;--left-wing-first-y:0;--left-wing-second-x:50;--left-wing-second-y:0;--left-wing-third-x:0;--left-wing-third-y:100;--left-body-background:var(--primary);--left-body-first-x:50;--left-body-first-y:0;--left-body-second-x:50;--left-body-second-y:100;--left-body-third-x:0;--left-body-third-y:100;--right-wing-background:var(--primary);--right-wing-first-x:50;--right-wing-first-y:0;--right-wing-second-x:100;--right-wing-second-y:0;--right-wing-third-x:100;--right-wing-third-y:100;--right-body-background:var(--primary);--right-body-first-x:50;--right-body-first-y:0;--right-body-second-x:50;--right-body-second-y:100;--right-body-third-x:100;--right-body-third-y:100;-webkit-tap-highlight-color:transparent;align-self:center;-webkit-appearance:none;background:none;border:0;color:var(--text);cursor:pointer;display:block;font-family:inherit;font-size:14px;font-weight:500;height:50px;line-height:24px;margin:0;min-width:100px;outline:none;padding:8px;position:relative;text-align:center;transform:rotate(calc(var(--rotate)*1deg)) translateZ(0)}.invite-button .left,.invite-button .right{bottom:0;left:0;opacity:var(--plane-opacity);position:absolute;right:0;top:0;transform:translate(calc(var(--plane-x)*1px),calc(var(--plane-y)*1px)) translateZ(0)}.invite-button .left:after,.invite-button .left:before,.invite-button .right:after,.invite-button .right:before{background:var(--background,var(--left-wing-background));border-radius:calc(var(--border-radius)*1px);bottom:0;clip-path:polygon(calc(var(--first-x, var(--left-wing-first-x))*1%) calc(var(--first-y, var(--left-wing-first-y))*1%),calc(var(--second-x, var(--left-wing-second-x))*1%) calc(var(--second-y, var(--left-wing-second-y))*1%),calc(var(--third-x, var(--left-wing-third-x))*1%) calc(var(--third-y, var(--left-wing-third-y))*1%));content:"";left:0;position:absolute;right:0;top:0;transform:translate(var(--x,.4%),var(--y,0)) translateZ(0);z-index:var(--z-index,2)}.invite-button .left:after{--x:0;--z-index:1;--background:var(--left-body-background);--first-x:var(--left-body-first-x);--first-y:var(--left-body-first-y);--second-x:var(--left-body-second-x);--second-y:var(--left-body-second-y);--third-x:var(--left-body-third-x);--third-y:var(--left-body-third-y)}.invite-button .right:before{--x:-0.4%;--z-index:2;--background:var(--right-wing-background);--first-x:var(--right-wing-first-x);--first-y:var(--right-wing-first-y);--second-x:var(--right-wing-second-x);--second-y:var(--right-wing-second-y);--third-x:var(--right-wing-third-x);--third-y:var(--right-wing-third-y)}.invite-button .right:after{--x:0;--z-index:1;--background:var(--right-body-background);--first-x:var(--right-body-first-x);--first-y:var(--right-body-first-y);--second-x:var(--right-body-second-x);--second-y:var(--right-body-second-y);--third-x:var(--right-body-third-x);--third-y:var(--right-body-third-y)}.invite-button span{display:block;opacity:var(--text-opacity);position:relative;z-index:4}.invite-button span.success{color:var(--success);left:0;opacity:var(--success-opacity);position:absolute;right:0;top:8px;transform:rotate(calc(var(--rotate)*-1deg)) scale(var(--success-scale)) translateZ(0);z-index:0}.invite-button-body{flex-direction:column;font-family:Inter,Arial;min-height:10vh}.invite-button-body,.row{align-items:center;display:flex;justify-content:center}.row{flex-direction:row-reverse}.invite-button-body button:hover{background:none}