/* =========================
   BASE BUTTON — frosty / default
========================= */
.vl-hero-button {
  background: rgba(224,209,200,0.34) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

/* Variant — no background */
.vl-hero-button.vl-no-bg {
  background: transparent !important;
  border-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  cursor: pointer !important;
}

/* Solid variants */
.vl-hero-button.vl-solid-brand0 {
  background: #e0d1c8 !important;
  border-color: #e0d1c8 !important;
}

.vl-hero-button.vl-solid-brand {
  background: #e8dbd3 !important;
  border-color: #e8dbd3 !important;
}

.vl-hero-button.vl-solid-brand2 {
  background: #cbb9ae !important;
  border-color: #cbb9ae !important;
}

.vl-hero-button.vl-solid-black {
  background: #000 !important;
  border-color: #000 !important;
}

/* =========================
   SERVICE BOX HOVER
========================= */
.vl-service-box {
  transition: filter 0.25s ease;
}

@media (hover: hover) {
  .vl-service-box:hover {
    filter: brightness(1.06);
  }
}

/* =========================
   ARROW ANIMATION (BUTTON + PARENT TRIGGER)
========================= */
@media (hover: hover) {

  .vl-hero-button.has-arrow .elementor-button-icon {
    transition: transform 0.25s ease !important;
  }

  /* Direct hover */
  .vl-hero-button.has-arrow:hover .elementor-button-icon {
    transform: translateX(6px);
  }

  /* Parent hover trigger
  .vl-service-box:hover .vl-hero-button.has-arrow .elementor-button-icon {
    transform: translateX(6px);
  }
*/
  /* Default hover background */
  .vl-hero-button:hover {
    background: rgba(224,209,200,0.38) !important;
    border-color: rgba(255,255,255,0.22) !important;
  }

  .vl-hero-button.vl-no-bg:hover {
    background: transparent !important;
    border-color: transparent !important;
  }

  .vl-hero-button.vl-solid-brand0:hover {
    background: #e8dbd3 !important;
    border-color: #e8dbd3 !important;
  }

  .vl-hero-button.vl-solid-brand:hover {
    background: #efe5df !important;
    border-color: #efe5df !important;
  }

  .vl-hero-button.vl-solid-brand2:hover {
    background: #bfa99d !important;
    border-color: #bfa99d !important;
  }

  .vl-hero-button.vl-solid-black:hover {
    background: #2a2a2a !important;
    border-color: #2a2a2a !important;
  }
}

/* Icon vertical fix (optional)
.vl-hero-button.vl-icon-shift-up .elementor-button-icon {
  margin-top: -3px !important;
}
*/