.container {
    border-radius: 18px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: 0.2s;
}

.switchPoint {
    height: 90%;
    width: 50%;
    border-radius: 18px;
    position: absolute;
    transition:0.2s;
    left: 3px;
    right: calc(50% - 2px);

    &.active {
        left: calc(50% - 2px);
        right: 3px;
    }
}

.children {
    display: flex;
    width: 100%;
    position: relative;
    color: white;

    p {
        width: 50%;
        transition: 0.2s;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
    }
}