.image-slider{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px}.slider-btn{background-color:#f0f0f0;border:#fff;border-radius:50px;color:#000;cursor:pointer;padding:10px 20px;transition:border-color .3s}.slider-btn:hover{background-color:#ddd;border:#fff;color:#000}.slider-btn.active,.slider-btn:focus{background-color:#fff;border:2px solid #ff1893;color:#000}.image-container{overflow:hidden;position:relative;width:100%}.slider-image{left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.slider-image.active{opacity:1;position:relative}@media only screen and (max-width:800px){.controls{display:grid;grid-template-columns:1fr 1fr}.slider-btn{font-size:10px}}