.container-carousel{border:3px solid rgb(255,183,255);border-radius:10px;max-width:94.75rem;margin:5rem auto 0rem;position:relative;overflow-x:hidden;width:95%}h1{margin-top:4rem;text-align:center}.container-custom-prefer:hover .button-carousel{opacity:1}.carousel-perfect-teas{display:flex;gap:2rem;padding:0 clamp(.625rem,3vw,1.25rem);transition:transform .3s ease}.li-right-tea{flex-shrink:0;list-style-type:none;width:100%}.link-perfect-tea{border-radius:.625rem;display:block;overflow:hidden;box-shadow:0 4px 4px #0003,0 2px .625rem #00000030}.link-perfect-tea:hover .perfect-tea-img{filter:brightness(90%);transform:scale(1.1)}.perfect-tea-img{border-radius:.625rem;filter:brightness(85%);height:14.375rem;object-fit:cover;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:transform .5s ease,filter 2s ease-in-out;width:100%}.title-tea-prefer{font-size:clamp(1rem,2vw,1.1rem);text-align:center;margin-left:.5rem;margin-bottom:0;padding:0}.button-carousel{cursor:pointer;color:#000;border:1px solid black;background-color:#fff;border-radius:100%;font-size:clamp(1rem,2vw,1.3rem);position:absolute;padding:5px;top:50%;transform:translateY(calc(-50% - 35px));z-index:3}.button-carousel:hover{color:#fff;border:1px solid white;background-color:#000}.buttons__next{right:1rem}.buttons__back{left:1rem}@media screen and (min-width: 500px){.li-right-tea{width:calc(50% - 16px)}}@media screen and (min-width: 900px){.li-right-tea{width:calc(33.33% - 64px / 3)}}@media screen and (min-width: 1200px){.li-right-tea{width:calc(25% - 24px)}}