/* =========================================
   home-impact-actions.css
   Boutons des offres de l'accueil
   ========================================= */

.impact-card .btn-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 128px;
  min-height: 46px;
  padding: 11px 24px;
  border: 1px solid
    rgba(30, 61, 89, 0.22);
  border-radius: 999px;
  background: transparent;
  color: var(--color-deep);
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.22s ease,
    background 0.22s ease,
    color 0.22s ease,
    border-color 0.22s ease;
}

.impact-card .btn-card:hover {
  border-color:
    var(--color-accent);
  background:
    var(--color-accent);
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
}

.impact-card.featured
  .btn-card {
  border-color:
    rgba(255, 255, 255, 0.45);
  color: #fff;
}

.impact-card.featured
  .btn-card.filled {
  border-color: #fff;
  background: #fff;
  color: var(--color-deep);
}

.impact-card.featured
  .btn-card.filled:hover {
  border-color:
    var(--color-accent);
  background:
    var(--color-accent);
  color: #fff;
}

[data-impact-offer].is-loading {
  pointer-events: none;
  opacity: 0.7;
}