.text-center {
    display: flex;
    justify-content: center;
    padding: 1em;
}
.Pricing__Toggle--Wrapper {
    display: flex;
}
.Pricing__Toggle--Wrapper div {
    margin-right: 1em;
}
#Pricing__Toggle {
    cursor: pointer;
    --padding: 5px;
    --size: 23px;
    --inactive-color: #D9D9D9;
    --active-color: #4A4CF0;
    width: 60px;
    height: 33px;
    border-radius: 22px;
    background-color: var(--inactive-color);
}
#Pricing__Toggle.yearly {
    background: var(--active-color);
}
#Pricing__Toggle #Pricing__Toggle--Divider {
    position: relative;
}
#Pricing__Toggle #Pricing__Toggle--Divider:after {
    content: "";
    position: absolute;
    top: var(--padding);
    right: calc(100% - var(--size) - var(--padding));
    height: var(--size);
    width: var(--size);
    background: #fff;
    border-radius: 100%;
    transition: all 0.3s ease-in-out;
}
#Pricing__Toggle.yearly #Pricing__Toggle--Divider:after {
    right: -10px;
}