.arrow-button{align-items:center;display:flex}.arrow-button__icon{cursor:pointer;height:4.375rem;position:relative;width:4.375rem}.arrow-button__icon:before{background:var(--primary);border-radius:50%;content:"";height:3.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);transition:1s;width:3.75rem}.arrow-button__icon:hover:before{background:none;background-image:url(https://ik.imagekit.io/proefexperu/PROEFEX/static/bg-arrow-button.gif);background-repeat:no-repeat;background-size:cover;height:5.625rem;width:5.625rem}.arrow-button__icon svg{color:var(--txt-color-arrow);height:4.6875rem;position:absolute;width:4.6875rem}@media(min-width:768px){.arrow-button__icon svg{height:5rem;width:5rem}}.arrow-button__icon.up svg{left:50%;top:0;transform:translateY(-30%) translate(-50%)}.arrow-button__icon.right svg{left:0;top:50%;transform:translateY(-50%) translate(30%)}.arrow-button__icon.down svg{left:50%;top:0;transform:translateY(30%) translate(-50%)}.arrow-button__icon.left svg{left:0;top:50%;transform:translateY(-50%) translate(-30%)}.arrow-button span{padding-left:2.125rem}