.popupButton {
    width: 100px;
    position: fixed;
    z-index: 6;
    top: 160px;
    left: 20px;
    animation: pulseScale 2s infinite ease-in-out;
    transition: filter 0.3s ease, transform 0.3s ease;
}

.popupButton.xxl {
    width: 150px;
}

.popupButton.xl {
    width: 120px;
}

.popupButton:hover {
    filter: drop-shadow(2px 2px 12px #ffb400b3);
}

.popupButton.first {
    top: 80px;
    left: 10px;
}

.popupButton.second {
    top: 190px;
    left: 25px;
}

.popupButton.third {
    top: 325px;
    left: 20px;
}

@keyframes pulseScale {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}


@media (max-width: 767.98px) {
    .popupButton.xxl {
        width: 110px;
    }

    .popupButton.xl {
        width: 100px;
    }

    .popupButton.first {
        top: 80px;
        left: 10px;
    }

    .popupButton.second {
        top: 170px;
        left: 15px;
    }

    .popupButton.third {
        top: 290px;
        left: 15px;
    }

}

@media (max-width: 440px) {
    .popupButton.xxl {
        width: 90px;
    }

    .popupButton.xl {
        width: 80px;
    }

    .popupButton.first {
        top: 80px;
        left: 10px;
    }

    .popupButton.second {
        top: 145px;
        left: 15px;
    }

    .popupButton.third {
        top: 240px;
        left: 15px;
    }
}