@charset "utf-8";

html, body { margin: 0px; padding: 0px; }

.gs-banner-bf-speakers-earbuds-headphones {
    position: relative;
    max-width: 1300px;
    margin: 0 auto 20px auto;
}

.gs-banner-bf-speakers-earbuds-headphones img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.gs-banner-bf-speakers-earbuds-headphones img.gm-banner-img-mob { display: none; }

.gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk {
    position: absolute;
    font-size: 0px !important;
    opacity: 1 !important;
}

.gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk:hover { opacity: 1 !important; }

/* Hover effect: inverted (negative) colours of whatever is under the button */
.gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk::after {
    content: "";
    position: absolute;
    background: transparent;
    -webkit-backdrop-filter: invert(1);
    backdrop-filter: invert(1);
    border-radius: 12px;
    opacity: 0;
    transition: all 300ms;
}

/* Desktop: link box = product + button (tight), ::after = button only */
.gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk.gs-lnk1 {
    left: 34.06%;
    top: 20.33%;
    width: 14.61%;
    height: 61.33%;
}

.gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk.d-gs-lnk.gs-lnk1::after {
    left: 2.67%;
    top: 79.35%;
    width: 91.98%;
    height: 20.65%;
}

.gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk.gs-lnk2 {
    left: 56.25%;
    top: 29.67%;
    width: 14.92%;
    height: 52%;
}

.gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk.d-gs-lnk.gs-lnk2::after {
    left: 3.14%;
    top: 75.64%;
    width: 90.05%;
    height: 24.36%;
}

.gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk.gs-lnk3 {
    left: 78.98%;
    top: 19.33%;
    width: 13.44%;
    height: 62.33%;
}

.gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk.d-gs-lnk.gs-lnk3::after {
    left: 0%;
    top: 79.68%;
    width: 100%;
    height: 20.32%;
}

@media screen and (min-width: 960px) {
    .gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk:hover::after {
        opacity: 1;
        transition: all 300ms;
    }
}

@media screen and (max-width: 1300px) {
    .gs-banner-bf-speakers-earbuds-headphones { margin: 0 15px 20px 15px; }
}

@media screen and (max-width: 767px) {
    .gs-banner-bf-speakers-earbuds-headphones { margin: 0 0px 20px 0px; }

    .gs-banner-bf-speakers-earbuds-headphones img.gm-banner-img-mob { display: block; }
    .gs-banner-bf-speakers-earbuds-headphones img.gm-banner-img-desk { display: none; }

    .gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk.gs-lnk1 {
        left: 30%;
        top: 35.61%;
        width: 40.83%;
        height: 25.18%;
    }

    .gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk.gs-lnk2 {
        left: 7.22%;
        top: 69.42%;
        width: 40%;
        height: 21.22%;
    }

    .gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk.gs-lnk3 {
        left: 52.78%;
        top: 65.29%;
        width: 40%;
        height: 25.36%;
    }

    .gs-banner-bf-speakers-earbuds-headphones .d-gs-lnk::after { display: none; }
}