// Switcher
.switcher {
    display: flex;
    align-items: center;

    a {
        color: #C78FEC;
        text-decoration: none;
    }

    // Text
    &__text {
        position: relative;
        z-index: 2;
        display: block;
        font-family: $font-serif;
        font-size: rem(30px);
        line-height: 1;
        text-align: right;

        em {
            margin-left: -2px;
            margin-right: 16px;
            font-size: rem(14px);
            text-transform: uppercase;
            color: $color-lightpurple;
            letter-spacing: 1px;

            &.same-line {
                margin-right: 0;
            }
        }

        .bottom {
            display: block;
            color: $color-secondary;
            text-align: center;
        }

        &.empty {
            text-align: left;
        }
    }

    // Icon
    &__icon {
        width: 52px;
        height: 52px;
        margin-top: 4px;
        margin-left: -8px;

        a {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }


    /*
    ** Side version (smaller)
    */
    &--side {
        .switcher {
            &__text {
                font-size: rem(22px);
            }
            &__icon {
                width: 40px;
                height: 40px;
                background-color: #F4EDFB;

                circle {
                    stroke: #F4EDFB;
                }
                img, svg[fill] {
                    transform: rotate(90deg);
                }
                &:hover {
                    background-color: darken(#F4EDFB, 7);

                    circle {
                        stroke: darken(#F4EDFB, 7);
                    }
                }
            }
        }
        .top {
            color: $color-primary;
        }
    }
}
