/* ================================
   ENCRALYS – Bouton Bande-annonce (style sobre gris mat)
   ================================ */
/*
   ➜ Style du petit bouton rond/rectangulaire gris pour lancer la bande-annonce
     (généralement placé sous les flairs ou près du header).
*/

button.encralys-trailer-button {
  background: #2a2a2a !important; /* gris foncé mat */
  border: 1px solid #404040 !important;
  color: #e0e0e0 !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  font-weight: 500;
  border-radius: 10px !important;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  width: 20px !important;
  min-width: 20px !important;
  text-align: center;
}

/* Survol : éclaircissement doux et léger déplacement */
button.encralys-trailer-button:hover {
  background: #3a3a3a !important;
  border-color: #555 !important;
  transform: translateY(-1px);
}

/* Clic : petite contraction */
button.encralys-trailer-button:active {
  transform: scale(0.97);
  background: #333 !important;
}

/* Alignement du conteneur sous les flairs */
.encralys-trailer-under-flairs {
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
}

/* Centré sur mobile */
@media (max-width: 768px) {
  .encralys-trailer-under-flairs {
    justify-content: center;
  }
}