/* Button interaction — single source of truth */
.c-btn-interact {
  position: relative;
  overflow: hidden;
  --y: 100%;
  --color: black;
  text-decoration: none;
  transition: border-color 0.4s ease;
  cursor: pointer;
}

.c-btn-interact::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--color);
  transform: translateY(var(--y));
  transition: transform 0.3s ease-in-out;
}

.c-btn-interact > * {
  position: relative;
}

.c-btn-interact.cc-black {
  --color: #e30110;
}

.c-btn-interact:hover {
  --y: 0%;
  border-color: var(--color);
}

.c-btn-interact:hover .solution-button_text,
.c-btn-interact:hover .product-button_text,
.c-btn-interact:hover .hero-button_text,
.c-btn-interact:hover .cc-button_text,
.c-btn-interact:hover .link-text,
.c-btn-interact:hover .contact-button_text,
.c-btn-interact:hover .quantum-zenith-design-system--footer-button_text {
  color: #fff;
}

.c-btn-interact:hover svg {
  color: #fff;
}

.c-btn-interact:hover img {
  filter: brightness(0) invert(1);
}

.c-btn-interact.cc-disabled {
  --y: 100%;
  cursor: not-allowed;
}

/* Monotone variant (secondary buttons) — black text, white bg */
.c-btn-interact.cc-monotone {
  color: #000;
}

.c-btn-interact.cc-monotone:hover {
  color: #fff;
}