.special-button-container {
    position: absolute;
    top: 0.5rem;
    right: 1.5rem;
    padding: 0.5rem;
}

.special .special-button-container {
    opacity: 0;
}

#specialButton {
    transition: 0.3s;
    width: 40px;
    height: fit-content;
    cursor: pointer;
}
#specialButton:hover {
    opacity: 0.5;
}

.header-info-links {
    padding-right: 70px;
}
.special .header-info-links {
    padding-right: 0;
}

@media(width <= 1279px) {
    .header-info-links {
        padding-right: 0;
    }
}

@media(width <= 1023px) {
    .special-button-container {
        top: 1rem;
        right: -2.5rem;
    }
}

@media(width <= 920px) {
    .special-button-container {
        top: 0.5rem;
    }
}

@media(width <= 820px) {
    .special-button-container {
        top: 0rem;
    }
}

@media(width <= 767px) {
    .special-button-container {
        top: 0.5rem;
        right: 0;
    }
}

@media(width <= 450px) {
    #specialButton {
        width: 2rem;
    }
}