.halloween-button {
    width: 124px;
    height: 56px;

    object-fit: contain;
}

.halloween-button-container {
    height: 18px;
    transition: all ease-in-out 250ms !important;
}

.halloween-button-container::after {
    display: none !important;
}

.halloween-button-container:hover {
    filter: brightness(1.2);
}

.flying-dwarf-container {
    display: none;
}

@media (min-width: 1024px) {
    .header .container {
        max-width: 100%;
        padding: 0 36px;
    }

    .flying-dwarf-container {
        width: 200px;
        height: 300px;

        position: fixed;
        display: block;

        z-index: 9999;
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 1024px) {
    .halloween-button-container {
        position: absolute;
        left: 50px;
        right: 0;
        margin: 0 auto;
        height: unset;
        width: fit-content;
    }
}