body {
    background: royalblue;

}

.marca-agua {
    position: fixed;
    bottom: 3rem;
    right: 2rem;
    width: clamp(10px, 2.5vw, 15px);
    z-index: 1000 !important;
    pointer-events: none;
    user-select: none;
}

.button {
    width: 12%;
    margin-bottom: 21%;
    margin-right: 80.2%;
}

@media (max-width: 575.98px) {
    .button {
        width: 12%;
        margin-bottom: 21%;
        margin-right: 79%;
    }
}

.button2 {
    width: 14%;
    margin-bottom: 21%;
    margin-right: 62%;
}

@media (max-width: 575.98px) {
    .button2 {
        width: 12%;
        margin-bottom: 21%;
        margin-right: 64%;
    }
}

.button3 {
    width: 15%;
    margin-bottom: 21%;
    margin-right: 43%;
}

@media (max-width: 575.98px) {
    .button3 {
        width: 17%;
        margin-bottom: 20%;
        margin-right: 44%;
    }
}

.button4 {
    width: 15%;
    margin-bottom: 21%;
    margin-right: 24%;
}


@media (max-width: 575.98px) {
    .button4 {
        width: 17%;
        margin-bottom: 21%;
        margin-right: 21%;
    }
}

.button5 {
    width: 8%;
    margin-bottom: 21%;
    margin-right: 10%;
}

@media (max-width: 575.98px) {
    .button5 {
        width: 8%;
        margin-bottom: 21%;
        margin-right: 10%;
    }
}