.contact-cta {
  text-align: center;
  padding: 28px 20px;
}

.contact-cta__header h2 {
  margin-bottom: 8px;
  text-transform: none;
}

.contact-cta__header p {
  margin: 0 0 18px;
  opacity: 0.9;
}


.contact-cta__actions{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

@media (max-width: 640px){
  .contact-cta__actions{
    flex-direction: column;
    gap: 20px;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.06);
}

.btn:hover {
  transform: translateY(-1px);
}

.btn--call span { white-space: nowrap; }

.btn--wa {
  background: rgba(37, 211, 102, 0.14);
  border-color: rgba(37, 211, 102, 0.30);
}

.wa-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* simpele inline SVG (WhatsApp-logo) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2325D366' d='M16 3C9.373 3 4 8.373 4 15c0 2.35.68 4.61 1.97 6.56L4.7 29l7.62-1.99A11.94 11.94 0 0 0 16 27c6.627 0 12-5.373 12-12S22.627 3 16 3z'/%3E%3Cpath fill='%23fff' d='M22.2 18.6c-.3-.15-1.8-.9-2.08-1-.28-.1-.48-.15-.68.15-.2.3-.78 1-.96 1.2-.18.2-.36.22-.66.07-.3-.15-1.28-.47-2.43-1.5-.9-.8-1.5-1.8-1.68-2.1-.18-.3-.02-.46.13-.61.13-.13.3-.36.45-.54.15-.18.2-.3.3-.5.1-.2.05-.38-.02-.53-.07-.15-.68-1.64-.93-2.25-.24-.58-.49-.5-.68-.5h-.58c-.2 0-.53.07-.8.38-.27.3-1.05 1.03-1.05 2.5 0 1.47 1.08 2.9 1.23 3.1.15.2 2.13 3.25 5.15 4.56.72.31 1.28.5 1.72.64.72.23 1.38.2 1.9.12.58-.09 1.8-.73 2.05-1.44.25-.71.25-1.32.18-1.44-.07-.12-.27-.2-.57-.35z'/%3E%3C/svg%3E");
}

/* underline for the phonenumber */

/* Call-link underline animation */
.call-link span{
  position: relative;
  display: inline-block;
}

.call-link span::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;             /* afstand onder tekst */
  height: 3px;              /* dikte lijn */
  width: 100%;
  /* background: currentColor; zelfde kleur als tekst */
  background: #262b2a;
  
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 220ms ease;
  opacity: 0.95;
}

.call-link:hover span::after,
.call-link:focus-visible span::after{
  transform: scaleX(1);
}

/* nette focus ring voor toetsenbord */
.call-link:focus-visible{
  outline: 2px solid rgba(255,255,255,0.35);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce){
  .call-link span::after{
    transition: none;
  }
}