/* ---------------------------------- BOUTONS ---------------------------------- */

.btn-custom {
    background: linear-gradient(45deg, #ff1e96, #bb0eff); /* Couleur des boutons */
    color: white;
    border-radius: 50px; /* Bords circulaires */
    border: none;
    padding: 10px 25px;
    transition: 0.3s;
    font-weight: 700;
    margin: 5px;
}

.btn-custom:hover {
    opacity: 0.85;
    color: white;
}

.btn-custom-outline { /* Bouton plus léger */
    background: transparent;
    color: #ff4da6;
    border: 2px solid #ff4da6;
    border-radius: 50px;
    padding: 10px 25px;
    transition: 0.3s;
}

.btn-custom-outline:hover {
    background: rgba(255, 77, 166, 0.1);
    color: #ff4da6;
}

/* Par défaut (tél.) : bouton + hamburger à droite */
.btn-hamburger-container {
    margin-left: auto;
}

/* PC : bouton à droite, hamburger masqué */
@media (min-width: 992px) {
  .navbar-toggler {
    display: none;
  }
  .btn-hamburger-container {
    margin-left: auto;
  }
}