.campus-rdv-btn {
    position: fixed;
    z-index: 9999;
    top: 33%;
    left: 0;
    display: flex; /* Flexbox pour aligner les enfants horizontalement */
    align-items: center; /* Aligner verticalement les enfants */
    justify-content: space-between;
    cursor: pointer;
    outline: none;
    border: 0;
    text-decoration: none;
    background: #26225f; /* Applique le background au bouton entier */
    padding: 0.125rem 0.625rem; /* Ajuster le padding pour couvrir l'icône et le texte */
    font-size: inherit;
    font-family: inherit;
    border-radius: 1.625rem;
    transition: background 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    width: auto; /* Adapter la taille du bouton */
    height: auto; /* Ajuster la hauteur automatiquement */
}

.campus-rdv-btn:hover {
    background: #36b34d; /* Change le background au hover */
}

.campus-rdv-btn .circle {
    display: flex; /* Flex pour centrer l'icône à l'intérieur */
    justify-content: center; /* Centrer l'icône horizontalement */
    align-items: center; /* Centrer l'icône verticalement */
    width: 3rem;
    height: 3rem;
    border-radius: 1.625rem;
    background: transparent; /* Le cercle n'a plus de background, il est transparent */
}

.campus-rdv-btn .circle i {
    color: #ffffff;
    font-size: 1.25rem; /* Taille de l'icône */
}

.campus-rdv-btn .campus-rdv-btn-text {
    margin-left: 0.225rem; /* Espace entre l'icône et le texte */
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.6;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    white-space: nowrap; /* Évite le retour à la ligne du texte */
    opacity: 1; /* Le texte est toujours visible */
    transition: opacity 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

@media only screen and (max-width: 1248px) {
    .campus-rdv-btn {
        top: 44%;
    }
}

@media only screen and (max-width: 767px) {
    .campus-rdv-btn {
        top: 18%;
        padding: 0.05rem 0.625rem;
    }

    .campus-rdv-btn .circle i {
        font-size: 0.925rem;
    }

    .campus-rdv-btn .campus-rdv-btn-text {
        margin-left: 0.11rem;
        font-size: 0.825rem;
    }
}

@media only screen and (max-width: 479px) {
    .campus-rdv-btn {
        top: 21%;
        padding: 0.05rem 0.625rem;
    }

    .campus-rdv-btn .circle i {
        font-size: 0.925rem;
    }

    .campus-rdv-btn .campus-rdv-btn-text {
        margin-left: 0.11rem;
        font-size: 0.825rem;
    }
}