.cs-rsl.v4 {
    --fnt-t-1-tt: uppercase;
    --flr-mrg-tp: 1.78rem;

    .cs-rsl-v4-desc {
        max-width: 60ch;
        margin-inline: auto;
    }

    ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.33rem;

        li:nth-child(1) {
            grid-column: 1 / 3;
            grid-row: 1;
        }

        li:nth-child(2) {
            grid-column: 3;
            grid-row: 1 / 3;
        }

        li:nth-child(3) {
            grid-column: 1;
            grid-row: 2 / 4;
        }

        li:nth-child(4) {
            grid-column: 2;
            grid-row: 2;
        }

        li:nth-child(5) {
            grid-column: 2 / 4;
            grid-row: 3;
        }

        @media screen and (max-width: 1279px) {
            grid-template-columns: 1fr;

            li {
                grid-column: auto !important;
                grid-row: auto !important;
            }
        }
    }

    .cs-rsl-v4-kick {
        font-size: 1rem;
    }

    .cs-rsl-v4-crd {
        font: inherit;
        color: inherit;
        text-align: left;
        transition: color var(--g-trn-sp) var(--g-trn-tf);

        * {
            transition: color var(--g-trn-sp) var(--g-trn-tf);
        }

        &::before {
            transition: opacity var(--g-trn-sp) var(--g-trn-tf);
        }

        &::after {
            transition: background-color var(--g-trn-sp) var(--g-trn-tf);
        }

        &.cs-rsl-v4-clickable {
            cursor: pointer;

            &:hover,
            &:focus-visible {
                color: var(--dk-txt);

                & * {
                    color: var(--dk-txt);
                }

                &::before {
                    opacity: 0;
                }

                &::after {
                    background-color: var(--dk-bg);
                }
            }
        }
    }

    .cs-rsl-v4-more {
        align-self: flex-end;
        font-weight: bold;
        color: var(--accent);
    }

    .cs-rsl-v4-pop-tag {
        display: inline-block;
        padding: 0.22rem 0.56rem;
        border-radius: 1.11rem;
        background: hsl(from var(--accent) h s l / 0.15);
        color: var(--accent);
        width: max-content;
    }

}