.tab-button{background:#f4f4f4;color:#1f2124;font-weight:700;opacity:.3;padding:16px 22px;transition:.3s ease}.tab-button:hover{background:#1f2124;color:#fff;opacity:.6}.active-button{background:#1f2124;color:#fff;opacity:1}.details{display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr;left:0;opacity:0;padding-top:45px;pointer-events:none;position:absolute;top:0;transform:translateY(30px);transition:.3s ease;width:100%}.details.active{opacity:1;pointer-events:all;transform:translateY(0)}@media(max-width:500px){.details{grid-template-columns:minmax(150px,320px);justify-content:center;width:100%}}.details__details__title{font-size:28px;font-weight:700;margin-bottom:8px;margin-top:24px}.details__details__text{max-width:310px}.details__details__text ul{list-style:disc;margin-left:16px}.details__details__text ul li{margin-bottom:16px}#details-placeholder{position:relative;width:100%}