.section-floating-btn-mairie {
    padding: 0 8rem;
    background:
        /* TOP half: left → right gradient */
            var(--gradient-bandeau-mairie) top / 100% 50% no-repeat,

                /* BOTTOM half: solid color */
            linear-gradient(
                    #FFFFFF,
                    #FFFFFF
            ) bottom / 100% 50% no-repeat;
}

.section-floating-btn-asso {
    padding: 0 8rem;
    background:
        /* TOP half: left → right gradient */
            var(--gradient-bandeau-asso) top / 100% 50% no-repeat,

                /* BOTTOM half: solid color */
            linear-gradient(
                    #FFFFFF,
                    #FFFFFF
            ) bottom / 100% 50% no-repeat;
}

@media (max-width: 768px) {
    .section-floating-btn-mairie, .section-floating-btn-asso {
        padding: 0 2rem;
    }
}

.floating-btn {
    width: 50%;
    margin: auto;
}

@media (max-width: 768px) {
    .floating-btn {
        flex-direction: column;
        align-items: center;
        max-width: 400px;
    }
}

@media (max-width: 1023px) {
    .floating-btn {
        width: 100%;
    }
}

@media (min-width:1024px) and (max-width:1439px) {
    .floating-btn {
        width: 75%;
    }
}

.floating-btn > a:hover {
    text-decoration: none;
}

.go-to-habitant {
    background-color: var(--color-white);
    border-radius: 25px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
.go-to-habitant > p {
    font-family: 'Fredoka', sans-serif;
    font-weight: 700;
    font-size: 24px !important;
    line-height: normal;
    color: var(--color-navy);
}
.habitant-icon {
    width: 72px;
    height: 72px;
    margin-bottom: 1.5rem;
}
.go-to-elu {
    background-color: var(--color-green-primary);
    border-radius: 25px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
.go-to-elu > p {
    font-family: 'Fredoka', sans-serif;
    font-weight: 700;
    font-size: 24px !important;
    line-height: normal;
    color: var(--color-white);
}
.elu-icon {
    width: 72px;
    height: 72px;
    margin-bottom: 1.5rem;
}

.go-to-adherent {
    background-color: var(--color-white);
    border-radius: 25px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    height: 12rem;
}
.go-to-adherent > p {
    font-family: 'Fredoka', sans-serif;
    font-weight: 700;
    font-size: 24px !important;
    line-height: normal;
    color: var(--color-navy);
}
.adherent-icon {
    width: 72px;
    height: 72px;
    margin-bottom: 1.5rem;
}
.go-to-responsable {
    background-color: var(--color-pink-accent);
    border-radius: 25px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    height: 12rem;
}
.go-to-responsable > p {
    font-family: 'Fredoka', sans-serif;
    font-weight: 700;
    font-size: 24px !important;
    line-height: normal;
    color: var(--color-white);
}
.responsable-icon {
    width: 72px;
    height: 72px;
    margin-bottom: 1.5rem;
}