@media (min-width: 1200px) {
    .sticky-widget { position: fixed; z-index: 2; }

    .sticky-widget .wrapper { display: flex; align-items: center; position: relative; margin-top: 3px; }
    .sticky-widget .wrapper:hover .extension,
    .sticky-widget .wrapper:focus .extension { left: 48px; }

    .sticky-widget .element { width: 48px; height: 48px; z-index: 1; }
    .sticky-widget .element a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }

    .sticky-widget .extension { width: 128px; height: 48px; position: absolute; left: calc(-128px + 48px); }
    .sticky-widget .extension a { display: flex; align-items: center; width: 100%; height: 100%; padding: 0 13px; }

    .sticky-widget .educo .element.krolmacius { background-color: var(--krolmacius); }
    .sticky-widget .educo .element.krolmacius a svg { width: 22px; }
    .sticky-widget .educo .element.krolmacius a svg path { fill: white; }

    .sticky-widget .educo .element.chrobry { background-color: var(--chrobry); }
    .sticky-widget .educo .element.chrobry a svg { width: 22px; }
    .sticky-widget .educo .element.chrobry a svg path { fill: var(--bs-body-color); }

    .sticky-widget .educo .element.sobieski { background-color: var(--sobieski); }
    .sticky-widget .educo .element.sobieski a svg { width: 22px; }
    .sticky-widget .educo .element.sobieski a svg path { fill: white; }

    .sticky-widget .educo .extension.krolmacius { background-color: var(--krolmacius); }
    .sticky-widget .educo .extension.krolmacius a { color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; line-height: 1; font-size: 15px; font-weight: 700; overflow: hidden; }

    .sticky-widget .educo .extension.chrobry { background-color: var(--chrobry); }
    .sticky-widget .educo .extension.chrobry a { color: var(--bs-body-color); text-decoration: none; text-transform: uppercase; letter-spacing: 1px; line-height: 1; font-size: 15px; font-weight: 700; overflow: hidden; }

    .sticky-widget .educo .extension.sobieski { background-color: var(--sobieski); }
    .sticky-widget .educo .extension.sobieski a { color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; line-height: 1; font-size: 15px; font-weight: 700; overflow: hidden; }

    .sticky-widget .social-media .element { background-color: var(--bs-body-color); }
    .sticky-widget .social-media .element a svg { width: 22px; }
    .sticky-widget .social-media .element a svg path { fill: white; }

    .sticky-widget .social-media .extension { background-color: var(--bs-body-color); }
    .sticky-widget .social-media .extension a { color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; line-height: 1; font-size: 15px; font-weight: 700; overflow: hidden; }
}