/**
 * CSS pour le bouton ORDONNANCE en vert (#5CA60D) avec effet de grossissement au survol
 */

/* Style de base pour le bouton ORDONNANCE */
.ordonnance-button,
a.ordonnance-button,
.btn-ordonnance,
a[href*="ordonnance"],
a[title*="ordonnance"],
a[title*="Ordonnance"] {
  background-color: #627866 !important;
  color: white !important;
  border-color: #627866 !important;
  border-radius: 4px !important;
  padding: 8px 15px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
  text-decoration: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Effet de grossissement au survol */
.ordonnance-button:hover,
a.ordonnance-button:hover,
.btn-ordonnance:hover,
a[href*="ordonnance"]:hover,
a[title*="ordonnance"]:hover,
a[title*="Ordonnance"]:hover {
  transform: scale(1.05) !important;
  background-color: #758974 !important; /* Légèrement plus clair au survol */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Effet au clic */
.ordonnance-button:active,
a.ordonnance-button:active,
.btn-ordonnance:active,
a[href*="ordonnance"]:active,
a[title*="ordonnance"]:active,
a[title*="Ordonnance"]:active {
  transform: scale(0.98) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}