:root{--primary-color:#000;--secondary-color:#fff;--hover-color:#395ddf;--color-1:#f0f0f0;--color-2:#0000;--color-b1:#266db6;--color-b2:#111;--color-b3:#1a1a1a;--color-b4:#18181a;--color-bg1:#d5edf6;--color-bg2:#6dcff6;--color-bg3:#ffe54c;--color-bg4:#ff013c;--color-bg5:#00e6f6;--color-bg6:#f8f005;--color-bg7:#3dd1e7;--color-bg8:#fee6e3;--color-bg9:#28282d;--color-bg10:hsla(0,0%,100%,.082);--color-bg11:#ff512f;--color-bg-12:#fff5;--color-bg-13:#004dff;--color-bs1:#f09819;--color-ts:#0004;--b:3px;--s:0.45em;--color:#373b44;--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0)}.wp-block-zolo-advanced-button{box-sizing:border-box;position:relative;z-index:1}.zolo-advanced-button .zolo-button{background-color:var(--zoloblocks-brand-color);border-radius:var(--zoloblocks-button-border-radius);box-sizing:border-box;cursor:pointer;font-weight:600;position:relative;transition:.2s ease-in;white-space:nowrap}.zolo-advanced-button .zolo-button:hover{background-color:var(--zoloblocks-brand-color-hover)}.zolo-advanced-button .zolo-button-content{color:var(--secondary-color);font-size:16px;z-index:1}.zolo-advanced-button .zolo-button-icon{fill:var(--secondary-color)}.zolo-advanced-button .zolo-button{gap:8px;padding:12px 30px}.zolo-advanced-button.button-1 .zolo-button{overflow:hidden}.zolo-advanced-button.button-1 .zolo-button:before{background:#000;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);content:"";height:100%;left:0;position:absolute;top:0;transform-origin:50% 100%;transition:clip-path .2s;transition-timing-function:cubic-bezier(.7,0,.2,1);width:100%}.zolo-advanced-button.button-1 .zolo-button:hover:before{clip-path:polygon(0 0,100% 0,0 0,0 100%);transition-duration:.3s}.zolo-advanced-button.button-1 .zolo-button:hover .zolo-button-content,.zolo-advanced-button.button-1 .zolo-button:hover .zolo__display-icon{animation:MoveUpInitial .2s forwards,MoveUpEnd .2s .2s forwards}.zolo-advanced-button.button-1 .zolo-button .zolo-button-content,.zolo-advanced-button.button-1 .zolo-button .zolo__display-icon{overflow:hidden}.zolo-advanced-button.button-2 .zolo-button{background-color:var(--zoloblocks-brand-color);border:2px solid var(--zoloblocks-brand-color);border-radius:6px;position:relative;text-overflow:ellipsis;transition:all .05s ease-out}.zolo-advanced-button.button-2 .zolo-button:after{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.zolo-advanced-button.button-2 .zolo-button:before{border:inherit;border-radius:inherit;content:"";height:100%;position:absolute;transition:all .05s ease-out;width:100%;z-index:-1}.zolo-advanced-button.button-2 .zolo-button:hover:not(.disabled):not(:disabled){transform:translate(-8px,-8px)}.zolo-advanced-button.button-2 .zolo-button:hover:not(.disabled):not(:disabled):before{transform:translate(8px,8px)}.zolo-advanced-button.button-2 .zolo-button .zolo-button-content{z-index:99}.zolo-advanced-button.button-3 .zolo-button{overflow:hidden}.zolo-advanced-button.button-3 .zolo-button:before{background:#000;content:"";height:100%;left:0;position:absolute;top:0;transform-origin:100% 50%;transition:transform .3s cubic-bezier(.7,0,.2,1);width:100%}.zolo-advanced-button.button-3 .zolo-button:hover:before{transform:scaleX(0);transform-origin:0 50%}.zolo-advanced-button.button-3 .zolo-button:hover .zolo-button-content,.zolo-advanced-button.button-3 .zolo-button:hover .zolo__display-icon{animation:MoveUpInitial .2s forwards,MoveUpEnd .2s .2s forwards}.zolo-advanced-button.button-3 .zolo-button .zolo-button-content,.zolo-advanced-button.button-3 .zolo-button .zolo__display-icon{overflow:hidden}.zolo-advanced-button.button-4 .zolo-button{box-shadow:6px 0 0 var(--zoloblocks-brand-color-hover);outline:transparent;position:relative}.zolo-advanced-button.button-4 .zolo-button:after{background-color:var(--zoloblocks-brand-color-hover);bottom:0;clip-path:var(--slice-0);content:"ALTERNATE TEXT";display:block;left:0;position:absolute;right:0;text-shadow:-3px -3px 0 var(--color-bg6);top:0}.zolo-advanced-button.button-4 .zolo-button:hover:after{animation:glitch 1s;animation-timing-function:steps(2)}.zolo-advanced-button.button-5 .zolo-button{transform:rotate(-2deg)}.zolo-advanced-button.button-5 .zolo-button:after{border:1px solid var(--primary-color);border-radius:var(--zoloblocks-button-border-radius);bottom:4px;content:"";height:calc(100% - 1px);left:4px;position:absolute;width:calc(100% - 1px)}.zolo-advanced-button.button-5 .zolo-button:hover:after{bottom:2px;left:2px}.zolo-advanced-button.button-6 .zolo-button{background-color:var(--secondary-color);border-radius:15px 225px 255px 15px 15px 255px 225px 15px;border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-style:solid;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border-width:2px;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2);touch-action:manipulation}.zolo-advanced-button.button-6 .zolo-button:hover{box-shadow:2px 8px 8px -5px rgba(0,0,0,.3);transform:translate3d(0,2px,0)}.zolo-advanced-button.button-6 .zolo-button svg{fill:#3f454e}.zolo-advanced-button.button-6 .zolo-button-content{color:var(--primary-color)}.zolo-advanced-button.button-6 .zolo-button-icon{fill:var(--primary-color)}.zolo-advanced-button.button-7 .zolo-button,.zolo-advanced-button.button-7 .zolo-button:after{border-radius:var(--zoloblocks-button-border-radius)}.zolo-advanced-button.button-7 .zolo-button:after{background-color:var(--zoloblocks-brand-color-hover);content:"";height:100%;left:0;position:absolute;top:0;transform:translate(8px,8px);transition:transform .2s ease-out;width:100%;z-index:-1}.zolo-advanced-button.button-7 .zolo-button:hover:after{transform:translate(0)}.zolo-advanced-button.button-8{--button-8-color:#000}.zolo-advanced-button.button-8 .zolo-button{position:relative}.zolo-advanced-button.button-8 .zolo-button:after,.zolo-advanced-button.button-8 .zolo-button:before{border:2px solid var(--button-8-color);border-radius:var(--zoloblocks-button-border-radius);content:"";height:100%;pointer-events:none;position:absolute;transition:all .25s ease-out;width:100%;z-index:-1}.zolo-advanced-button.button-8 .zolo-button:before{background-color:var(--button-8-color);left:-6px;top:-6px}.zolo-advanced-button.button-8 .zolo-button:after{bottom:-6px;right:-6px}.zolo-advanced-button.button-8 .zolo-button:hover:before{left:6px;top:6px}.zolo-advanced-button.button-8 .zolo-button:hover:after{bottom:6px;right:6px}.zolo-advanced-button .zolo-button{align-items:center;display:inline-flex;justify-content:center;outline:none;text-align:center;text-decoration:none}.zolo-advanced-button .zolo-button.top{flex-direction:column-reverse}.zolo-advanced-button .zolo-button.bottom{flex-direction:column}.zolo-advanced-button .zolo-button.left{flex-direction:row-reverse}.zolo-advanced-button .zolo-button.right{flex-direction:row}.zolo-advanced-button .zolo-button-icon{display:block;width:20px}.zolo-advanced-button .zolo__display-icon{display:block;position:relative;z-index:1}.zolo-advanced-button .zolo__display-icon svg{display:block;height:16px;width:16px;fill:#fff;box-sizing:content-box}.zolo-advanced-button.icon-animation-1 .zolo-button{position:relative}.zolo-advanced-button.icon-animation-1 .zolo-button:hover .zolo__display-icon{opacity:1;transform:translate(-50%,-50%)}.zolo-advanced-button.icon-animation-1 .zolo-button:hover .zolo-button-content{opacity:0;transform:translateY(20px)}.zolo-advanced-button.icon-animation-1 .zolo__display-icon{left:50%;opacity:0;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-30px);transition:transform .3s ease,opacity .3s ease}.zolo-advanced-button.icon-animation-1 .zolo-button-content{opacity:1;overflow:hidden;transition:transform .3s ease,opacity .3s ease}.zolo-advanced-button.icon-animation-2 .zolo-button{position:relative}.zolo-advanced-button.icon-animation-2 .zolo-button:hover .zolo__display-icon{opacity:1;transform:translate(-50%,-50%)}.zolo-advanced-button.icon-animation-2 .zolo-button:hover .zolo-button-content{opacity:0;transform:translateY(-20px)}.zolo-advanced-button.icon-animation-2 .zolo__display-icon{left:50%;opacity:0;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,30px);transition:transform .3s ease,opacity .3s ease}.zolo-advanced-button.icon-animation-2 .zolo-button-content{opacity:1;overflow:hidden;transition:transform .3s ease,opacity .3s ease}.zolo-advanced-button.icon-animation-3 .zolo-button{position:relative}.zolo-advanced-button.icon-animation-3 .zolo-button:hover .zolo__display-icon{opacity:1;transform:translate(-50%,-50%)}.zolo-advanced-button.icon-animation-3 .zolo-button:hover .zolo-button-content{opacity:0;transform:translateX(20px)}.zolo-advanced-button.icon-animation-3 .zolo__display-icon{left:50%;opacity:0;overflow:hidden;position:absolute;top:50%;transform:translate(-30px,-50%);transition:transform .3s ease,opacity .3s ease}.zolo-advanced-button.icon-animation-3 .zolo-button-content{opacity:1;overflow:hidden;transition:transform .3s ease,opacity .3s ease}.zolo-advanced-button.icon-animation-4 .zolo-button{position:relative}.zolo-advanced-button.icon-animation-4 .zolo-button:hover .zolo__display-icon{opacity:1;transform:translateX(0)}.zolo-advanced-button.icon-animation-4 .zolo-button:hover .zolo-button-content{transform:translateX(0)}.zolo-advanced-button.icon-animation-4 .zolo__display-icon{opacity:0;overflow:hidden;transform:translateX(-10px);transition:transform .3s ease,opacity .3s ease}.zolo-advanced-button.icon-animation-4 .zolo-button-content{opacity:1;overflow:hidden;transform:translateX(10px);transition:transform .3s ease,opacity .3s ease}.zolo-advanced-button.icon-animation-5 .zolo-button{flex-direction:row-reverse;position:relative}.zolo-advanced-button.icon-animation-5 .zolo-button:hover .zolo__display-icon{opacity:1;transform:translateX(0)}.zolo-advanced-button.icon-animation-5 .zolo-button:hover .zolo-button-content{transform:translateX(0)}.zolo-advanced-button.icon-animation-5 .zolo__display-icon{opacity:0;overflow:hidden;transform:translateX(10px);transition:transform .3s ease,opacity .3s ease}.zolo-advanced-button.icon-animation-5 .zolo-button-content{opacity:1;overflow:hidden;transform:translateX(-10px);transition:transform .3s ease,opacity .3s ease}.zolo-advanced-button.button-9 .zolo-button{border:2px solid var(--zoloblocks-brand-color);position:relative}.zolo-advanced-button.button-9 .zolo-button:hover{background:transparent;border-color:var(--zoloblocks-brand-color)}.zolo-advanced-button.button-9 .zolo-button:hover .zolo-button-content{color:var(--zoloblocks-brand-color)}.zolo-advanced-button.button-9 .zolo-button:hover .zolo__display-icon svg{fill:var(--zoloblocks-brand-color)}.zolo-advanced-button.button-9 .zolo-button:hover .zolo-star{filter:drop-shadow(0 0 10px #fffdef);opacity:1;z-index:2}.zolo-advanced-button.button-9 .zolo-button:hover .zolo-star-1{left:-30%;top:-80%}.zolo-advanced-button.button-9 .zolo-button:hover .zolo-star-2{left:10%;top:-25%}.zolo-advanced-button.button-9 .zolo-button:hover .zolo-star-3{left:25%;top:55%}.zolo-advanced-button.button-9 .zolo-button:hover .zolo-star-4{left:80%;top:30%}.zolo-advanced-button.button-9 .zolo-button:hover .zolo-star-5{left:115%;top:25%}.zolo-advanced-button.button-9 .zolo-button:hover .zolo-star-6{left:60%;top:5%}.zolo-advanced-button.button-9 .zolo-star{filter:drop-shadow(0 0 0 #fffdef);opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease;z-index:-5}.zolo-advanced-button.button-9 .zolo-star.zolo-star-1{left:20%;top:20%;transition:all 1s cubic-bezier(.05,.83,.43,.96);width:25px}.zolo-advanced-button.button-9 .zolo-star.zolo-star-2{left:45%;top:45%;transition:all 1s cubic-bezier(0,.4,0,1.01);width:15px}.zolo-advanced-button.button-9 .zolo-star.zolo-star-3{left:40%;top:40%;transition:all 1s cubic-bezier(0,.4,0,1.01);width:5px}.zolo-advanced-button.button-9 .zolo-star.zolo-star-4{left:40%;top:20%;transition:all .8s cubic-bezier(0,.4,0,1.01);width:8px}.zolo-advanced-button.button-9 .zolo-star.zolo-star-5{left:45%;top:25%;transition:all .6s cubic-bezier(0,.4,0,1.01);width:15px}.zolo-advanced-button.button-9 .zolo-star.zolo-star-6{left:50%;top:5%;transition:all .8s ease;width:5px}.zolo-advanced-button.button-9 .zolo-star-icon{fill:var(--zoloblocks-brand-color)}.zolo-advanced-button.button-10 .zolo-button{border-radius:0;overflow:hidden;position:relative}.zolo-advanced-button.button-10 .zolo-button:after,.zolo-advanced-button.button-10 .zolo-button:before{background:#000;clip-path:polygon(0 74%,4% 75%,8% 76%,11% 77%,15% 78%,20% 78%,25% 77%,32% 77%,37% 75%,40% 74%,43% 74%,46% 73%,52% 72%,57% 72%,65% 74%,66% 75%,71% 78%,75% 82%,81% 86%,83% 88%,88% 91%,90% 94%,94% 96%,98% 98%,100% 100%,82% 100%,0 100%);content:"";height:10%;opacity:0;position:absolute;transition:.2s ease;width:100%;z-index:1}.zolo-advanced-button.button-10 .zolo-button:before{transform:rotate(180deg)}.zolo-advanced-button.button-10 .zolo-button:hover:after,.zolo-advanced-button.button-10 .zolo-button:hover:before{clip-path:polygon(0 30%,9% 34%,7% 39%,11% 43%,13% 33%,17% 30%,24% 34%,25% 35%,30% 31%,30% 38%,39% 33%,35% 43%,43% 45%,55% 46%,65% 74%,67% 66%,81% 57%,75% 82%,81% 86%,83% 88%,88% 91%,90% 94%,94% 96%,98% 98%,100% 100%,82% 100%,0 100%);height:100%;opacity:1}.zolo-advanced-button.button-10 .zolo-button-content{position:relative;z-index:99}.zolo-advanced-button.button-10 .zolo__display-icon{z-index:99}.zolo-advanced-button.button-11 .zolo-button{overflow:hidden}.zolo-advanced-button.button-11 .zolo-button .zolo-circle{background-color:#000;border-radius:50%;height:30px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.6s ease;visibility:hidden;width:30px}.zolo-advanced-button.button-11 .zolo-button .zolo-circle.zolo-circle1{transform:translate(-3.3em,-4em)}.zolo-advanced-button.button-11 .zolo-button .zolo-circle.zolo-circle2{transform:translate(-6em,1.3em)}.zolo-advanced-button.button-11 .zolo-button .zolo-circle.zolo-circle3{transform:translate(-.2em,1.8em)}.zolo-advanced-button.button-11 .zolo-button .zolo-circle.zolo-circle4{transform:translate(3.5em,1.4em)}.zolo-advanced-button.button-11 .zolo-button .zolo-circle.zolo-circle5{transform:translate(3.5em,-3.8em)}.zolo-advanced-button.button-11 .zolo-button:hover .zolo-circle{opacity:1;transform:translate(-50%,-50%) scale(10);transition:1.5s ease;visibility:visible}@keyframes glitch{0%{clip-path:var(--slice-1);transform:translate(-20px,-10px)}10%{clip-path:var(--slice-3);transform:translate(10px,10px)}20%{clip-path:var(--slice-1);transform:translate(-10px,10px)}30%{clip-path:var(--slice-3);transform:translateY(5px)}40%{clip-path:var(--slice-2);transform:translate(-5px)}50%{clip-path:var(--slice-3);transform:translate(5px)}60%{clip-path:var(--slice-4);transform:translate(5px,10px)}70%{clip-path:var(--slice-2);transform:translate(-10px,10px)}80%{clip-path:var(--slice-5);transform:translate(20px,-10px)}90%{clip-path:var(--slice-1);transform:translate(-10px)}to{clip-path:var(--slice-1);transform:translate(0)}}@keyframes MoveUpInitial{to{transform:translate3d(0,-105%,0)}}@keyframes MoveUpEnd{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}.zolo-presets-wrapper{box-sizing:border-box;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:16px}.zolo-presets-wrapper button.zolo-preset-button{background:#f2f2f2;border:2px solid transparent;border-radius:3px;cursor:pointer;height:100px;padding:4px;transition:.2s ease-in;width:120px}.zolo-presets-wrapper button.zolo-preset-button svg{height:100%;width:100%}.zolo-presets-wrapper button.zolo-preset-button.active{border-color:#2567ff}
