/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 29 2025 | 19:53:52 */
.btn-trou a.elementor-button {
  position: relative;
  padding: 12px 24px;
  border: 1px solid black;
  overflow: visible;
  z-index: 1;
  display: inline-block;
  width: auto; /* largeur automatique */
}

/* Trous */
.btn-trou a.elementor-button::before,
.btn-trou a.elementor-button::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 1px;
  z-index: 2;
  transition: transform 0.6s ease;
}

/* Position initiale des trous */
.btn-trou a.elementor-button::before {
  top: -1px;
  right: 0;
  transform: translateX(0);
}

.btn-trou a.elementor-button::after {
  bottom: -1px;
  left: 0;
  transform: translateX(0);
}

/* Hover (avec variable CSS dynamique) */
.btn-trou a.elementor-button:hover::before {
  transform: translateX(calc(-1 * (var(--btn-width, 200px) - 16px)));
}

.btn-trou a.elementor-button:hover::after {
  transform: translateX(calc(var(--btn-width, 200px) - 16px));
}