.numbered-cards-block {
    .numbered-cards-container .card-white-bordered {
        gap: 15px;
    }

    .order-number-container {
        flex-shrink: 0;
        margin-bottom: 0;
    }

    .card-title {
        line-height: 20px;
    }
}

@media screen and (max-width: 768px) {
    .numbered-cards-block {
        .numbered-cards-list-container {
            gap: 8px;
        }

        .numbered-cards-container {
            flex-direction: column;
            gap: 8px;
        }

        .numbered-cards-container .card-white-bordered {
            flex-direction: row;
            gap: 12px;
            padding: 16px;
        }

        .order-number-container {
            width: 24px;
            height: 24px;
            font-size: 14px;
        }
    }
}