@import './mixins';
@import '../common/variables';

.bcs-SidebarNavSignButton {
    @include bdl-SidebarNavButton;
}

.bcs-SidebarNavSignButton-icon {
    @include bdl-SidebarNavIcon;
}

.bcs-SidebarNavSignButton-icon--grayscale {
    display: none;
    margin-top: 2px; //for visual alignment
}

.is-responsive-web {
    @include breakpoint($medium-screen) {
        .bcs-SidebarNavSignButton-icon {
            display: none;
        }

        .bcs-SidebarNavSignButton-icon--grayscale {
            display: inline;
        }
    }
}