.elementor-4873 .elementor-element.elementor-element-e251489{--display:flex;}/* Start custom CSS for html, class: .elementor-element-97e4c51 */.btn-svg-outline{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;

  padding: 14px 34px;
  background: #8b5a2b;          /* marron */
  color: #fff;
  border-radius: 999px;
  text-decoration: none;

  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;

  transition: transform .25s ease, filter .25s ease;
}

.btn-svg-outline span{
  position: relative;
  z-index: 2;
}

/* SVG overlay */
.btn-svg-outline .btn-svg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

/* Le trait blanc “dessiné” */
.btn-svg-outline .outline{
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  vector-effect: non-scaling-stroke; /* garde une épaisseur constante */
  stroke-linecap: round;
  stroke-linejoin: round;

  stroke-dasharray: 100;
  stroke-dashoffset: 100;

  opacity: 0;
  transition: stroke-dashoffset .8s ease, opacity .15s ease;
}

.btn-svg-outline:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
}

.btn-svg-outline:hover .outline{
  opacity: 1;
  stroke-dashoffset: 0; /* fait le tour */
}

/* Mobile / accessibilité : au tap & au focus clavier */
.btn-svg-outline:active .outline,
.btn-svg-outline:focus-visible .outline{
  opacity: 1;
  stroke-dashoffset: 0;
}/* End custom CSS */