*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:400;margin:0}body{margin:0;min-height:100vh;display:grid;place-items:center;font-family:Roboto,system-ui;background-color:#de8a89;color:#fff}.slider{display:flex;flex-direction:column;max-width:1300px;padding-inline:130px;margin-inline:auto;row-gap:70px}.slider__header{display:flex;flex-direction:column;row-gap:43px}.slider__nav{display:flex;align-items:center;justify-content:space-between;column-gap:75px;overflow:auto;margin-right:calc(50% - 50vw)}.slider__link{font-size:60px;font-weight:700;text-decoration:none;text-transform:uppercase;color:#fff6;transition:color .3s ease}.slider__link--active{color:#fff;pointer-events:none}@media (hover: hover){.slider__link:hover{color:#ffffffb3}}.slider__description{max-width:720px}.slider__button{position:absolute;top:0;right:100%;display:flex;align-items:center;justify-content:center;width:110px;aspect-ratio:1;padding:0;background-color:#fff6;color:#0006;border:none;transition-property:background-color,color;transition-duration:.3s;transition-timing-function:ease}@media (hover: hover){.slider__button{cursor:pointer}.slider__button:hover{background-color:#ffffffb3;color:#000000b3}}.slider__button svg{width:20px;aspect-ratio:1}.slider__button--next{left:100%}.slider__button--next svg{transform:rotate(180deg)}.slider__cards{display:flex;position:relative}.card{position:relative;width:350px;height:340px;display:flex;flex-direction:column;justify-content:center;row-gap:10px;padding:60px;background-color:#3e3c3d}.card:nth-child(2){background-color:#353334}.card:nth-child(3){background-color:#201e1f}.card__title{font-size:20px;color:#d88788}.card__subtitle{font-size:32px;font-weight:700}.card__button{position:absolute;top:90%;left:22px;right:22px;border:none;border-radius:4px;background-color:#131313;color:#fff;padding:25px 40px;font-size:18px;text-transform:uppercase;transition:transform .3s ease}@media (hover: hover){.card__button{cursor:pointer}.card__button:hover{transform:translateY(-5px)}}