/* Reset underline imposé par le thème Hello Elementor */
.page-content a.cta-btn-vert,
.page-content a.cta-btn-blanc,
.comments-area a.cta-btn-vert,
.comments-area a.cta-btn-blanc,
a.cta-btn-vert,
a.cta-btn-blanc {
  text-decoration: none !important;
}

.page-content a.cta-btn-vert .cta-text,
.page-content a.cta-btn-blanc .cta-text,
a.cta-btn-vert .cta-text,
a.cta-btn-blanc .cta-text {
  text-decoration: none !important;
}

/* ===========================
   Ciduciaire CTA Buttons
   =========================== */

/* --- Bouton VERT --- */
.cta-btn-vert {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 5px 5px 5px 22px;
  border: none;
  border-radius: 999px;
  background: #2f855a;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.3s ease;
}

.cta-btn-vert .cta-text {
  color: #ffffff;
  font-family: "Inter", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  text-decoration: none;
  transition: color 0.3s ease;
}

.cta-btn-vert .cta-icon {
  width: 47px;
  height: 47px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ffffff;
  transition: background 0.3s ease;
  flex-shrink: 0;
}

.cta-btn-vert .cta-svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #2f855a;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: rotate(-45deg);
  transition: stroke 0.3s ease;
}

.cta-btn-vert:hover {
  background: #cfddd4;
}

.cta-btn-vert:hover .cta-text {
  color: #2f855a;
  text-decoration: none;
}

.cta-btn-vert:hover .cta-icon {
  background: #2f855a;
}

.cta-btn-vert:hover .cta-svg {
  stroke: #ffffff;
}

/* --- Bouton BLANC --- */
.cta-btn-blanc {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding: 5px 5px 5px 26px;
  border: none;
  border-radius: 999px;
  background: #ffffff;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  transition: all 0.35s ease;
}

.cta-btn-blanc .cta-text {
  font-family: "Inter", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  color: #1a1a1a;
  text-decoration: none;
  transition: color 0.35s ease;
}

.cta-btn-blanc .cta-icon {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: #2f855a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.35s ease;
}

.cta-btn-blanc .cta-svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: rotate(-45deg);
  transition: transform 0.35s ease;
}

.cta-btn-blanc:hover {
  background: #2f855a;
}

.cta-btn-blanc:hover .cta-text {
  color: #ffffff;
  text-decoration: none;
}

.cta-btn-blanc:hover .cta-icon {
  background: transparent;
}

.cta-btn-blanc:hover .cta-svg {
  transform: rotate(0deg);
}