.cards-with-toggle-data .bsc-active-text {
    color: var(--bsc-accent)!important;
}
.cards-with-toggle-data .msc-active-text {
    color: var(--msc-accent)!important;
}
.cards-with-toggle-data .primary-dark-active-text {
    color: var(--primary-dark)!important;
}
.cards-with-toggle-data .primary-medium-active-text {
    color: var(--primary-medium)!important;
}

.cards-with-toggle-data .cards-with-toggle-data-self.bsc-active-toggle .pricing-toggle:before {
    background-color: var(--bsc-accent);
}

.cards-with-toggle-data .cards-with-toggle-data-self.msc-active-toggle .pricing-toggle:before {
    background-color: var(--msc-accent);
}

.cards-with-toggle-data .cards-with-toggle-data-self.primary-dark-active-toggle .pricing-toggle:before {
    background-color: var(--primary-dark);
}

.cards-with-toggle-data .cards-with-toggle-data-self.primary-medium-active-toggle .pricing-toggle:before {
    background-color: var(--primary-medium);
}

@media (min-width: 992px)
{
    .cards-with-toggle-data .grid--4 .pricing-card {
        font-size: 75%;
    }
    .cards-with-toggle-data .grid--4 .pricing-card .btn-arrow-circle--s {
        font-size: 1.125rem;
    }
}

@media (min-width: 768px) and (max-width: 992px)
{
    .cards-with-toggle-data .grid--m-4 .pricing-card {
        font-size: 55%;
    }
    .cards-with-toggle-data .grid--m-4 .pricing-card .btn-arrow-circle--s {
        font-size: 0.875rem;
    }

    .cards-with-toggle-data .grid--m-3 .pricing-card {
        font-size: 75%;
    }
    .cards-with-toggle-data .grid--m-3 .pricing-card .btn-arrow-circle--s {
        font-size: 1.125rem;
    }
}