.zp_button.center{text-align:center}.zp_button.left{text-align:left}.zp_button.right{text-align:right}.zp_button .button.arrow{width:64px;height:64px;display:inline-block;border-radius:50%;border:2px solid}@media only screen and (max-width:1200px){.zp_button .button.arrow{width:54px;height:54px}}@keyframes arrow-movement{0%{opacity:0;top:45%}70%{opacity:1}100%{opacity:0;top:80%}}.zp_button .button.arrow .arrow__element{position:absolute;left:50%;transform-origin:50% 50%;transform:translate3d(-50%,-50%,0);width:35%;height:35%}.zp_button .button.arrow .arrow__element.arrow__first{top:50%}.zp_button .button.arrow .arrow__element.arrow__second{top:80%}.zp_button .button.arrow .arrow__element::after,.zp_button .button.arrow .arrow__element::before{content:'';display:block;height:3px;position:absolute;top:0;left:0;width:100%}.zp_button .button.arrow .arrow__element::before{transform:rotate(45deg) translateX(-23%);transform-origin:top left}.zp_button .button.arrow .arrow__element::after{transform:rotate(-45deg) translateX(23%);transform-origin:top right}.zp_button .button.arrow.animation .arrow__element{top:80%;opacity:0}.zp_button .button.arrow.animation .arrow__element.arrow__first{animation:arrow-movement 2s ease-in-out infinite}.zp_button .button.arrow.animation .arrow__element.arrow__second{animation:arrow-movement 2s 1s ease-in-out infinite}.zp_button .button.arrow.arrow-top{transform:rotate(180deg)}.zp_button .button.arrow.arrow-right{transform:rotate(-90deg)}.zp_button .button.arrow.arrow-left{transform:rotate(90deg)}.zp_button .button.arrow:hover.animation .arrow__element.arrow__first{animation:arrow-movement 1s ease-in-out infinite}.zp_button .button.arrow:hover.animation .arrow__element.arrow__second{animation:arrow-movement 1s .5s ease-in-out infinite}
/*# sourceMappingURL=button.css.map */