// Layout of share icon & options
.wdn-share-this-page {

    @media @bp-nav-hidden {

    	.nav-scrolling & {
            transition: left @nav-transition-duration ease;
        }
    }

    @media @bp-nav-full {

        .nav-scrolling & {
            position: fixed;
        }

        // fouc-fixes
        .js & {
            visibility: hidden;
        }

        .js .nav_ready & {
            visibility: visible;
        }
    }
}

// Change states when toggle is checked or hovered
.wdn-share-this-page .wdn-dropdown-widget-button[aria-pressed="true"] ~ .wdn-share-options {
    .is-visible();
    transform: scale(1);
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
}