.carousel{align-items:center;display:flex;flex-direction:column;height:346px;justify-content:space-between;perspective:100rem;width:100%}.carousel__cards{border-radius:20px;height:20rem;position:relative;transform:translateZ(-25rem);transform-style:preserve-3d;transition:transform .3s ease-in;width:19rem}.carousel__img{display:inline-block;height:100%;width:100%}.carousel__card{border-radius:12px;box-shadow:1px -2px 59px 1px rgba(0,0,0,.46);-webkit-box-shadow:1px -2px 59px 1px rgba(0,0,0,.46);-moz-box-shadow:1px -2px 59px 1px rgba(0,0,0,.46);font-size:3em;font-weight:700;height:100%;position:absolute;width:100%}.carousel__card:first-child{transform:rotateY(0deg) translateZ(25rem)}.carousel__card:nth-child(2){transform:rotateY(45deg) translateZ(25rem)}.carousel__card:nth-child(3){transform:rotateY(90deg) translateZ(25rem)}.carousel__card:nth-child(4){transform:rotateY(135deg) translateZ(25rem)}.carousel__card:nth-child(5){transform:rotateY(180deg) translateZ(25rem)}.carousel__card:nth-child(6){transform:rotateY(225deg) translateZ(25rem)}.carousel__card:nth-child(7){transform:rotateY(270deg) translateZ(25rem)}.carousel__card:nth-child(8){transform:rotateY(315deg) translateZ(25rem)}.carousel__btn{background:#8331a7;border:none;border-radius:.2rem;border-radius:15px;color:#fff;cursor:pointer;font-size:1.2em;font-weight:500;margin:20px 2rem 0;outline:none;padding:.5em 1em}.carousel__btn:hover{background:#000;transform:scale(1.04)}@media(max-width:719px){.carousel{perspective:32rem}}