.cards-select {
    height: 100%;
    overflow: auto;
}

    .cards-select .select-card {
        display: flex;
        height: 96px;
        padding: 16px;
        background: #FFFFFF;
        border: 1px solid transparent;
        box-shadow: 3px 3px 20px rgba(34, 43, 50, 0.05);
        border-radius: var(--rnd-border-radius);
        margin: 1rem 1.5rem;
        transition: box-shadow .15s ease-in-out;
    }

    .cards-select input:not(:checked) + .select-card:hover {
        box-shadow: 5px 5px 20px rgba(40, 58, 71, 0.13);
        cursor: pointer;
    }

    .cards-select input:checked + .select-card {
        border-color: #D6D5E3;
        box-shadow: 5px 5px 20px rgba(40, 58, 71, 0.13);
    }

    .cards-select .select-card .select-card-number-column {
        margin-right: 10px;
    }

    .cards-select .select-card .select-card-info-column {
        width: calc(100% - 25px);
    }

    .cards-select .select-card .select-card-caption {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .cards-select .select-card .select-card-description {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        opacity: 0.8;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 36px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }