.tira-con-flechas{position:relative}.tira-flecha{display:none}@media (hover:hover) and (pointer:fine){.tira-flecha{z-index:2;color:#2f2f52;cursor:pointer;background:#fff;border:1px solid #2f2f521f;border-radius:999px;place-items:center;width:38px;height:38px;padding:0;transition:transform .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #2f2f522e}.tira-flecha:hover{transform:translateY(-50%)scale(1.06)}.tira-flecha:focus-visible{outline-offset:2px;outline:2px solid #2f2f52}.tira-flecha.antes{left:4px}.tira-flecha.despues{right:4px}.tira-flecha svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}}