.arrow-left,.arrow-right{display:block;position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:rgba(0,0,0,.6);color:#fff;padding:.25rem;border-radius:9999px;transition:background-color .2s ease;box-shadow:0 0 10px rgba(0,0,0,.5);animation:fadeInArrows .3s ease-in-out}.arrow-right{right:0}.arrow-left{left:0}.arrow-left:hover,.arrow-right:hover{background-color:rgba(0,0,0,.8)}@media (max-width:768px){.arrow-left,.arrow-right{display:none}}