/**
 * CTA
 */

.cta {
  display: flex;
  justify-content: start;
  align-items: center;
  border-radius: 5px;
  background: #004e44;
  width: fit-content;
  padding: 12px 20px;
  gap: 16px;
  position: relative;
  overflow: hidden;
  color: var(--color-white);
  font-size: var(--content-size);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: none;
  transition: background-color 0.3s ease;
}

.cta:hover {
  text-decoration: none;
  background-color: #00756a; /* Légèrement plus clair que #004e44 */
}

.cta--orange {
  background: var(--color-tertiary--dark);
}

.cta--orange:hover {
  background: var(--color-tertiary);
}

.cta--show-only-desktop {
  display: none;
}



/**
 * Special Code for MENU
 */
@media all and (min-width: 1000px) {
  .menu-item .cta {

  }

}