.pricing-toggle {
    background-color: rgba(var(--cardBg), .6);
    border: 1px solid rgba(var(--border-color), .6);
    border-radius: 500px;
    height: 24px;
    width: 55px;
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 8px;
    cursor: pointer;
    position: relative;
}

.pricing-toggle::after {
    content: "";
    display: block;
    background-color: rgb(var(--primary));
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 500px;
    transition: .2s cubic-bezier(0.785, 0.135, 0.15, 0.86) left;
}

.pricing-toggle.on::after {
    left: 35px;
}