/* Base menu link */
.elementor-element-f353eca .e-n-menu-title a {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    transition: transform 0.25s ease;
}

/* Prevent duplicates */
.elementor-element-f353eca .e-n-menu-title span {
    position: relative;
}

/* Base style for both lines */
.elementor-element-f353eca .e-n-menu-title a::before,
.elementor-element-f353eca .e-n-menu-title a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 1.5px;
    width: 13px; /* actual physical width */
    background: #D3A500;
    transform-origin: center;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

/* Default LEFT line (visible) */
.elementor-element-f353eca .e-n-menu-title a::before {
    left: 0;
    transform: translateY(-50%) scaleX(1);
    opacity: 1;
}

/* Default RIGHT line (hidden) */
.elementor-element-f353eca .e-n-menu-title a::after {
    right: 0;
    transform: translateY(-50%) scaleX(0);
    opacity: 0;
}

/* Hover shift */
.elementor-element-f353eca .e-n-menu-title a:hover {
    transform: translateX(-5px);
}

/* Hide LEFT line on hover */
.elementor-element-f353eca .e-n-menu-title a:hover::before {
    transform: translateY(-50%) scaleX(0);
    opacity: 0;
}

/* Show RIGHT line on hover */
.elementor-element-f353eca .e-n-menu-title a:hover::after {
    transform: translateY(-50%) scaleX(1);
    opacity: 1;
}

/* Button Animation */
.main-button {
  position: relative;
  display: inline-block;
  padding-bottom: 2px;
}

/* Underline visible initially */
.main-button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1.5px;
  width: 100%;
  background: currentcolor;

  transform-origin: left;
  transform: scaleX(1); /* visible */
  transition: transform 0.3s ease;
  will-change: transform; /* performance hint for GPU */
}

/* Hover: line disappears smoothly */
.main-button:hover::after {
  transform: scaleX(0);
}

/* Button Animation White */
.main-button-light {
  position: relative;
  display: inline-block;
  padding-bottom: 2px;
}

/* Underline visible initially */
.main-button-light::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1.5px;
  width: 100%;
  background: white;

  transform-origin: left;
  transform: scaleX(1); /* visible */
  transition: transform 0.3s ease;
  will-change: transform; /* performance hint for GPU */
}

/* Hover: line disappears smoothly */
.main-button-light:hover::after {
  transform: scaleX(0);
}