.plane-btn{--primary:#f6f8ff;--primary-dark:#d1d6ee;--primary-darkest:#8a91b4;--shadow:#0000004d;--text:#362a89;--text-opacity:1;--success:#eeecff;--success-x:-12;--success-stroke:14;--success-opacity:0;--border-radius:7;--overflow:hidden;--x:0;--y:0;--rotate:0;--plane-x:0;--plane-y:0;--plane-opacity:1;--trails:#ffffff26;--trails-stroke:57;--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:51;--left-body-first-y:0;--left-body-second-x:51;--left-body-second-y:100;--left-body-third-x:0;--left-body-third-y:100;--right-wing-background:var(--primary);--right-wing-first-x:49;--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:49;--right-body-first-y:0;--right-body-second-x:49;--right-body-second-y:100;--right-body-third-x:100;--right-body-third-y:100;cursor:pointer;text-align:center;min-width:140px;color:var(--text);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:12px 32px;font-family:inherit;font-size:16px;font-weight:600;line-height:24px;transition:transform .2s;display:block;position:relative}.plane-btn:hover{transform:scale(1.02)}.plane-btn .plane,.plane-btn .trails{pointer-events:none;position:absolute}.plane-btn .plane{filter:drop-shadow(0 3px 6px var(--shadow));transform:translate(calc(var(--x) * 1px), calc(var(--y) * 1px)) rotate(calc(var(--rotate) * 1deg)) translateZ(0);inset:0}.plane-btn .plane .left,.plane-btn .plane .right{opacity:var(--plane-opacity);transform:translate(calc(var(--plane-x) * 1px), calc(var(--plane-y) * 1px)) translateZ(0);position:absolute;inset:0}.plane-btn .plane .left:before,.plane-btn .plane .left:after,.plane-btn .plane .right:before,.plane-btn .plane .right:after{content:"";border-radius:calc(var(--border-radius) * 1px);transform:translate(var(--part-x,0.4%), var(--part-y,0)) translateZ(0);z-index:var(--z-index,2);background:var(--background,var(--left-wing-background));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%));position:absolute;inset:0}.plane-btn .plane .left:after{--part-x:-1%;--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)}.plane-btn .plane .right:before{--part-x:-1%;--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)}.plane-btn .plane .right:after{--part-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)}.plane-btn .trails{fill:none;width:33px;height:64px;stroke:var(--trails);stroke-linecap:round;stroke-width:2px;stroke-dasharray:57;stroke-dashoffset:calc(var(--trails-stroke) * 1px);display:block;top:0;left:16px;transform:rotate(68deg)translateZ(0)}.plane-btn span{z-index:4;opacity:var(--text-opacity);display:block;position:relative}.plane-btn span.success{z-index:0;transform:translateX(calc(var(--success-x) * 1px)) translateZ(0);opacity:var(--success-opacity);color:var(--success);justify-content:center;align-items:center;display:flex;position:absolute;top:12px;left:0;right:0}.plane-btn span.success svg{vertical-align:top;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;width:16px;height:16px;stroke:var(--success);stroke-dashoffset:calc(var(--success-stroke) * 1px);margin:0 8px 0 0;display:inline-block}