.slider{position:relative}.slider__track{left:0;max-width:100%;position:relative;top:0}.slider__btn,.slider__track{display:flex;justify-content:center}.slider__btn{align-items:center;border-radius:50%;color:#fff;font-size:3rem;top:50%;width:5rem;height:5rem;z-index:999;position:absolute;transition:.23s ease-in-out}.slider__btn--next{left:auto;right:35%;top:99%}.slider__btn--prev{left:35%;top:99%}.slider__btn:hover{background-color:#c93172}.slider__list{list-style-type:none;display:grid;grid-template-columns:repeat(9,1fr);justify-content:center;max-width:130rem;padding:5rem 0;transition:transform .5s;width:100%}.slider__item{perspective:600px;width:30rem}.card{height:auto;position:relative;transform-style:preserve-3d;transition:transform 1s,opacity .5s;width:100%;opacity:.4}.card--center{transform:scale(1.2);opacity:1}.card--left-inner{transform:rotateY(30deg) scale(.9);opacity:.6}.card--left-outer{transform:rotateY(30deg) scale(.8);opacity:.4}.card--right-inner{transform:rotateY(-30deg) scale(.9);opacity:.6}.card--right-outer{transform:rotateY(-30deg) scale(.8);opacity:.4}@media only screen and (max-width:500px){.slider__btn{top:103%}.slider__btn--prev{left:10%}.slider__btn--next{left:auto;right:10%}.slider__btn{font-size:2rem;width:4rem;height:4rem}.slider{margin-bottom:15px}.slider__btn,.slider__btn:hover{background:transparent}}