.promo-multi-tariff.promo-tariff-overview-desktop {
    gap: 1rem;
    margin-top: 5%;
    margin-bottom: 5%;
}

.promo-multi-tariff .promo-tariff-overview.selectable:not(.promo-selected):hover {
    scale: 1.05;
}
.promo-tariff-overview.selectable:not(.promo-selected) {
    cursor: pointer;
}

.promo-multi-tariff .promo-tariff-overview.promo-selected .promo-tariff-overview-card{
    filter: invert(1);
}

.promo-multi-tariff .promo-tariff-overview.promo-selected .promo-tariff-overview-card .yornx-label{
    filter: invert(1);
    color: black;
}

.promo-multi-tariff .promo-tariff-overview.promo-selected .promo-tariff-overview-plan-price-container .yornx-label{
    color: #ffffff;
}

.promo-multi-tariff-overview-container {
    padding: 3%;
    object-fit: contain;
    border-radius: 17px;
    box-shadow: 0 0 22px 0 rgba(232, 20, 74, 0.5), 0 8px 41px 0 rgba(7, 16, 36, 0.6), 0 0 32px 1px rgba(232, 20, 74, 0.12);
    background-image: linear-gradient(127deg, #ff5f88 -47%, #e8144a 40%);
}



@media only screen and ( min-width : 1280px ) and ( max-width : 1600px ) {
    .promo-tariff-overview-card {
        left: 72% !important;
    }
}

@media only screen and ( min-width : 821px ) {

    .promo-tariff-overview-desktop {
        width: 60%;
        margin: 5% auto;
    }
}