.toggle {
    position: relative;
    width: 80px;
    height: 10px;
    border-radius: 0.5em;
    border: 2px solid #9f9f9f;
    background-image: linear-gradient(#f2f2f2, #fff, #f2f2f2);
    margin: 0.26em 0.15em;
    cursor: pointer;
    filter: drop-shadow(0.015em 0.015em 0.01em rgba(0, 0, 0, 0.3))
}

.toggle-btn::after {
    position: absolute;
    top: -32px;
    left: 0;
    width: 50%;
    font-size: 20px;
    text-align: center;
    transition: all 500ms cubic-bezier(0.34, 0.78, 0.55, 1.4);
}

.toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.toggle-checkbox:checked + .toggle-btn::after {
    left: 50%;
}

/* Love/Hate Toggle */

.love-hate .toggle-btn::after {
    content: '🚶‍';
}

.love-hate .toggle-checkbox:checked + .toggle-btn::after {
    content: '🏠';
}

.btn-block
{
    display: flex;
    margin-top: 100px;
    float: right;
}