.card-slider {
    margin-bottom: 2em;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.card-slider__item {
    width: 100%;
    height: 2px;

    background-color: var(--slider-color);

    transition: background-color 0.25s ease-in-out;

    cursor: pointer;
}

.card-slider__item.card-slider__item_active {
    background-color: var(--accent-color);
}

.card-slider__item:hover {
    background-color: var(--accent-color);
}