.zolo-advanced-button .zolo-button-icon{fill:var(--secondary-color)}.zolo-advanced-button.button-6 .zolo-button-icon{fill:var(--primary-color)}.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-icon{display:block;width:20px}.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: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-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}.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.active{border-color:#2567ff}