.vareum-design .vr-cinema__arrows{gap:14px;align-items:center}
.vareum-design .vr-cinema__arrows button{width:68px;height:48px;min-width:48px;min-height:48px;padding:10px 14px;border:0;border-top:1px solid #ffffff66;border-bottom:1px solid #ffffff66;border-radius:0;background:transparent;box-shadow:none;color:#fff;transition:color .2s,border-color .2s}
.vareum-design .vr-cinema__arrows button svg{display:block;width:38px;height:24px;transition:transform .2s}
.vareum-design .vr-cinema__arrows [data-vr-previous] svg{transform:rotate(180deg)}
.vareum-design .vr-cinema__arrows button:hover{background:transparent;color:#8ad9ec;border-color:#8ad9ec}
.vareum-design .vr-cinema__arrows [data-vr-next]:hover svg{transform:translateX(3px)}
.vareum-design .vr-cinema__arrows [data-vr-previous]:hover svg{transform:rotate(180deg) translateX(3px)}
.vareum-design .vr-cinema__arrows button:focus-visible{outline:2px solid #8ad9ec;outline-offset:5px}
@media(max-width:767px){.vareum-design .vr-cinema__arrows{gap:12px}.vareum-design .vr-cinema__arrows button{width:58px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.vareum-design .vr-cinema__arrows button,.vareum-design .vr-cinema__arrows button svg{transition:none}}