.slides {position: relative; width: 100%;}
.setas {display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: absolute; height: 100%; width: 100%;}
.setas .seta {width: 30px; height: 30px; display: grid; place-content: center; place-items: center; background: var(--azul); position: relative; z-index: 1000; padding: 10px; border-radius: 100px; transition: 0.3s;}
.setas .seta.esquerda.limit, .setas .seta.direita.limit {opacity: 0;}
.setas .seta:hover {opacity: 0.8; cursor: pointer;}
.setas .seta svg {width: 100%; height: 100%;}
.setas .seta.esquerda {transform: rotate(180deg);}