.contact-form .cf-turnstile {
  flex: 0 0 auto;
  width: 300px;
  min-height: 65px;
  max-width: 100%;
  justify-self: center;
  align-self: center;
  margin-inline: auto;
  line-height: 0;
}
.contact-form [data-notification] {
  width: fit-content;
  max-width: min(calc(100% - 2rem), 22rem);
  margin-inline: auto;
  padding: .35rem 2.25rem .35rem .65rem;
  border-radius: .35rem;
  font-size: .78125rem;
  line-height: 1.4;
  text-align: center;
  justify-self: center;
  align-self: center;
}
.contact-form [data-notification] .notification__close {
  right: .125rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  font-size: 0;
  background: transparent;
}
.contact-form [data-notification] .notification__close::before,
.contact-form [data-notification] .notification__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1px;
  background: currentColor;
  pointer-events: none;
  transform: translate(-50%,-50%) rotate(45deg);
}
.contact-form [data-notification] .notification__close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.contact-form [data-notification] .notification__close:hover {
  background: radial-gradient(circle at center,rgba(0,0,0,.06) 9px,transparent 9px);
}
.contact-form [data-notification] .notification__close:focus-visible {
  background: transparent;
  outline: 1px solid currentColor;
  outline-offset: -7px;
}
.contact-form .notification__text--full { display: inline; }
.contact-form .notification__text--compact { display: none; }

/* Copyright (c) Rzu-Informatique. Tous droits reserves. */