.switch-theme
    margin-bottom: 20px

    a
        display: block
        text-decoration: underline
        color: #5e5e5e
        width: 55px
        height: 30px
        background: #ccc
        border-radius: 20px
        padding: 3px
        box-sizing: border-box
        transition: flex-direction .4s
        position: relative
        transition: background .3s
        border: 1px solid #bdbdbd

        &:before
            content: ""
            display: block
            position: absolute
            left: 0
            top: 0
            margin: 4px
            width: 20px
            height: 20px
            border-radius: 100%
            background: #fff
            box-shadow: 1px 0px 5px rgba(#000, .15)
            transition: left .3s

        &.open
            background: #4a4361
            border-color: #9a97a2

            &:before
                left: calc(100% - 28px)