.wrapper{position:relative;width:100%}.wrapper i{background:#fff;border-radius:50%;box-shadow:0 3px 6px rgba(0,0,0,.23);cursor:pointer;font-size:1.25rem;height:50px;line-height:50px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:transform .1s linear;width:50px}.wrapper i:active{transform:translateY(-50%) scale(.85)}.wrapper i:first-child{left:-22px}.wrapper i:last-child{right:-22px}.wrapper .carousel{border-radius:8px;display:grid;gap:16px;grid-auto-columns:calc(33.33333% - 12px);grid-auto-flow:column;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel.no-transition{scroll-behavior:auto}.carousel.dragging{scroll-behavior:auto;scroll-snap-type:none}.carousel.dragging .card{cursor:grab;user-select:none}.carousel :where(.card,.img){align-items:center;display:flex;justify-content:flex-end}.carousel .card{background-color:#fff;border-radius:8px;cursor:pointer;flex-direction:column;height:475px;list-style:none;padding-bottom:15px;scroll-snap-align:start}.carousel .card span{color:#fff;font-size:12px;font-weight:400}@media screen and (max-width:900px){.wrapper .carousel{grid-auto-columns:calc(50% - 9px)}}@media screen and (max-width:600px){.wrapper .carousel{grid-auto-columns:100%}}.teste{background-image:url(images/vivas.jpg)}.teste2{background-image:url(images/bruna.jpg)}.teste3{background-image:url(images/vitor.jpg)}.card button{background-color:#01cfb5;border:unset;border-radius:20px;color:#fff;margin-top:15px;padding:10px 20px}.card p{color:#fff;font-weight:600;padding:0 20px}.modal-container{background:rgba(0,0,0,.65);display:grid;height:100vh;left:0;opacity:0;place-items:center;pointer-events:none;position:fixed;top:0;transition:opacity .15s;width:100%}.modal{background:#fff;border-radius:5px;box-shadow:0 0 10px 0 #00000070;overflow:hidden;padding:15px;transition:width .15s,height .15s}.modal-show{opacity:1;pointer-events:auto}