.brandly-btn-wrap.style-3 a,.brandly-btn-wrap.style-5 a{display:inline-block;font-size:15px;line-height:3;background-color:#aedb49;text-align:center;position:relative}.brandly-btn-wrap.style-3 a:before,.brandly-btn-wrap.style-5 a:before{height:100%;content:attr(data-hover);width:100%;background-color:#98ca28}@keyframes move1{0%,100%{height:100%;bottom:0}54%{height:0;bottom:100%}55%{height:0;bottom:0}}@keyframes move2{0%{width:0;left:0}50%{width:100%;left:0}100%{width:0;left:100%}}@keyframes move3{0%,100%{height:100%;top:0}54%{height:0;top:100%}55%{height:0;top:0}}@keyframes move4{0%{width:0;right:0}55%{width:100%;right:0}100%{width:0;right:100%}}@keyframes pulse{0%,100%{transform:scale(1)}70%{transform:scale(.9)}}.line-1,.line-2,.line-3,.line-4{content:"";display:block;position:absolute;background-color:#121212}.line-1,.line-3{width:1px}.line-2,.line-4{height:1px}.line-1,.line-2{left:0}.line-1,.line-4{bottom:0}.line-3,.line-4{right:0}.line-2,.line-3{top:0}.brandly-btn-wrap{display:flex;--brandly-btn-icon-hover-duration:350ms;--brandly-btn-icon-hover-distance:8px;--brandly-btn-icon-hover-rotate:20deg;--brandly-btn-icon-base-rotate:0deg}.brandly-btn-link{display:flex;align-items:center;justify-content:center}.brandly-btn-wrap.style-1 a{position:relative;padding:10px 30px;border:1px solid #121212;color:#121212;-webkit-font-smoothing:antialiased}.brandly-btn-wrap.style-1 a:hover{border:none}.brandly-btn-wrap.style-1 a:hover .line-1{animation:1.5s infinite move1}.brandly-btn-wrap.style-1 a:hover .line-2{animation:1.5s infinite move2}.brandly-btn-wrap.style-1 a:hover .line-3{animation:1.5s infinite move3}.brandly-btn-wrap.style-1 a:hover .line-4{animation:1.5s infinite move4}.brandly-btn-wrap.style-2 a{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #8e44ad;font-size:15px;color:#8e44ad;position:relative;overflow:hidden;transition:color 150ms ease-in-out;padding:10px 50px}.brandly-btn-wrap.style-2 a:after{content:'';position:absolute;display:block;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:100%;background-color:#8e44ad;z-index:-1;transition:width 150ms ease-in-out}.brandly-btn-wrap.style-2 a:hover{color:#fff}.brandly-btn-wrap.style-2 a:hover:after{width:102%}.brandly-btn-wrap.style-3 a{width:200px;color:#fff;-webkit-transition:-webkit-transform .4s,background .4s;-moz-transition:-moz-transform .4s,background .4s;transition:transform .4s,background .4s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -100px;-moz-transform-origin:50% 50% -100px;transform-origin:50% 50% -100px}.brandly-btn-wrap.style-3 a:before{position:absolute;top:0;left:100%;-webkit-transition:background .4s;-moz-transition:background .4s;transition:background .4s;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%}.brandly-btn-wrap.style-3:focus a,.brandly-btn-wrap.style-3:hover a{background-color:#98ca28;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg);color:#121212}.brandly-btn-wrap.style-4 a{padding:10px 30px;border:2px solid #ff0251;color:#ff0251;transition:.3s;font-size:15px;font-weight:500}.brandly-btn-wrap.style-4 a:hover{animation:1s infinite pulse;transition:.3s}.brandly-btn-wrap.style-5 a{padding:0 40px;color:#fff;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.brandly-btn-wrap.style-5 a:before{position:absolute;top:100%;left:0;text-align:center;-webkit-transition:background .3s;-moz-transition:background .3s;transition:background .3s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}.brandly-btn-wrap.style-5:focus a,.brandly-btn-wrap.style-5:hover a{-webkit-transform:rotateX(90deg) translateY(-22px);-moz-transform:rotateX(90deg) translateY(-22px);transform:rotateX(90deg) translateY(-22px)}.brandly-btn-wrap.style-10 a,.brandly-btn-wrap.style-6 a,.brandly-btn-wrap.style-7 a,.brandly-btn-wrap.style-8 a,.brandly-btn-wrap.style-9 a{position:relative;border:1px solid #111;padding:15px 50px;overflow:hidden;display:flex;align-items:center;justify-content:center}.brandly-btn-wrap.style-10 a:hover:before,.brandly-btn-wrap.style-6 a:hover:before,.brandly-btn-wrap.style-7 a:hover:before,.brandly-btn-wrap.style-8 a:hover:before,.brandly-btn-wrap.style-9 a:hover:before{opacity:1;transform:translate(0,0)}.brandly-btn-wrap.style-10 a:before,.brandly-btn-wrap.style-6 a:before,.brandly-btn-wrap.style-7 a:before,.brandly-btn-wrap.style-8 a:before,.brandly-btn-wrap.style-9 a:before{content:attr(data-hover);position:absolute;opacity:0;transition:.3s ease-in-out}.brandly-btn-wrap.style-6 a:before,.brandly-btn-wrap.style-7 a:hover .brandly-btn-anim{transform:translate(-100%,0)}.brandly-btn-wrap.style-6 a:hover .brandly-btn-anim,.brandly-btn-wrap.style-7 a:before{transform:translate(100%,0)}.brandly-btn-wrap.style-8 a:before,.brandly-btn-wrap.style-9 a:hover .brandly-btn-anim{transform:translate(0,-100%)}.brandly-btn-wrap.style-8 a:hover .brandly-btn-anim,.brandly-btn-wrap.style-9 a:before{transform:translate(0,100%)}.brandly-btn-wrap.style-10 a .brandly-btn-anim,.brandly-btn-wrap.style-6 a .brandly-btn-anim,.brandly-btn-wrap.style-7 a .brandly-btn-anim,.brandly-btn-wrap.style-8 a .brandly-btn-anim,.brandly-btn-wrap.style-9 a .brandly-btn-anim{display:block;transition:.3s ease-in-out}.brandly-btn-wrap.style-10 a:hover .brandly-btn-anim,.brandly-btn-wrap.style-6 a:hover .brandly-btn-anim,.brandly-btn-wrap.style-7 a:hover .brandly-btn-anim,.brandly-btn-wrap.style-8 a:hover .brandly-btn-anim,.brandly-btn-wrap.style-9 a:hover .brandly-btn-anim{opacity:0}.brandly-btn-icon{display:inline-flex;align-items:center;justify-content:center;transform:rotate(var(--brandly-btn-icon-base-rotate));transition:transform var(--brandly-btn-icon-hover-duration) ease,opacity var(--brandly-btn-icon-hover-duration) ease}.brandly-icon-hover-slide-right .brandly-btn-link:hover .brandly-btn-icon{transform:translateX(var(--brandly-btn-icon-hover-distance)) rotate(var(--brandly-btn-icon-base-rotate))}.brandly-icon-hover-slide-left .brandly-btn-link:hover .brandly-btn-icon{transform:translateX(calc(var(--brandly-btn-icon-hover-distance) * -1)) rotate(var(--brandly-btn-icon-base-rotate))}.brandly-icon-hover-lift-up .brandly-btn-link:hover .brandly-btn-icon{transform:translateY(calc(var(--brandly-btn-icon-hover-distance) * -1)) rotate(var(--brandly-btn-icon-base-rotate))}.brandly-icon-hover-lift-down .brandly-btn-link:hover .brandly-btn-icon{transform:translateY(var(--brandly-btn-icon-hover-distance)) rotate(var(--brandly-btn-icon-base-rotate))}.brandly-icon-hover-rotate .brandly-btn-link:hover .brandly-btn-icon{transform:rotate(calc(var(--brandly-btn-icon-base-rotate) + var(--brandly-btn-icon-hover-rotate)))}.brandly-icon-hover-bounce .brandly-btn-link:hover .brandly-btn-icon{animation:brandly-btn-icon-bounce var(--brandly-btn-icon-hover-duration) ease}.brandly-icon-hover-zoom-in .brandly-btn-link:hover .brandly-btn-icon{transform:scale(1.15) rotate(var(--brandly-btn-icon-base-rotate))}.brandly-icon-hover-zoom-out .brandly-btn-link:hover .brandly-btn-icon{transform:scale(.86) rotate(var(--brandly-btn-icon-base-rotate))}.brandly-icon-hover-wiggle .brandly-btn-link:hover .brandly-btn-icon{animation:brandly-btn-icon-wiggle var(--brandly-btn-icon-hover-duration) ease}@keyframes brandly-btn-icon-bounce{0%,100%{transform:translateX(0) rotate(var(--brandly-btn-icon-base-rotate))}35%{transform:translateX(var(--brandly-btn-icon-hover-distance)) rotate(var(--brandly-btn-icon-base-rotate))}65%{transform:translateX(calc(var(--brandly-btn-icon-hover-distance) * -.45)) rotate(var(--brandly-btn-icon-base-rotate))}}@keyframes brandly-btn-icon-wiggle{0%,100%{transform:rotate(var(--brandly-btn-icon-base-rotate))}25%{transform:rotate(calc(var(--brandly-btn-icon-base-rotate) + 10deg))}50%{transform:rotate(calc(var(--brandly-btn-icon-base-rotate) - 10deg))}75%{transform:rotate(calc(var(--brandly-btn-icon-base-rotate) + 6deg))}}