.elementor-857 .elementor-element.elementor-element-ddddd6f{--display:flex;--margin-top:45px;--margin-bottom:39px;--margin-left:0px;--margin-right:0px;}.elementor-857 .elementor-element.elementor-element-ddddd6f:not(.elementor-motion-effects-element-type-background), .elementor-857 .elementor-element.elementor-element-ddddd6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8bfd74d );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-857 .elementor-element.elementor-element-4154cc6 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;}:root{--page-title-display:none;}/* Start custom CSS for button, class: .elementor-element-4154cc6 *//* AFONE Button Wrapper Reset */
.afone-btn,
.afone-btn:hover,
.afone-btn::before,
.afone-btn::after,
.afone-btn .elementor-button-wrapper,
.afone-btn .elementor-button-wrapper::before,
.afone-btn .elementor-button-wrapper::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  content: none !important;
}

/* Actual Button */
.afone-btn .elementor-button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 16px 36px !important;
  border-radius: 999px !important;
  border: none !important;
  color: #151511 !important;
  background: linear-gradient(135deg, #F1D8A5 0%, #E6BF7A 48%, #B98535 100%) !important;
  box-shadow: 0 14px 38px rgba(185, 133, 53, 0.28) !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

/* Remove Elementor default overlay */
.afone-btn .elementor-button::after {
  display: none !important;
  content: none !important;
}

/* Glare Inside Button Only */
.afone-btn .elementor-button::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -75% !important;
  width: 45% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.18) 35%,
    rgba(255,255,255,0.65) 50%,
    rgba(255,255,255,0.18) 65%,
    transparent 100%
  ) !important;
  transform: skewX(-22deg) !important;
  transition: left 0.75s ease !important;
}

/* Text Above Glare */
.afone-btn .elementor-button-content-wrapper,
.afone-btn .elementor-button-text {
  position: relative !important;
  z-index: 2 !important;
}

/* Hover */
.afone-btn .elementor-button:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 22px 58px rgba(185, 133, 53, 0.38) !important;
}

.afone-btn .elementor-button:hover::before {
  left: 135% !important;
}

/* Fix hover top cut */
.afone-btn,
.afone-btn .elementor-widget-container,
.afone-btn .elementor-button-wrapper {
  overflow: visible !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Actual button */
.afone-btn .elementor-button {
  overflow: hidden !important;
}

/* Softer hover so it does not cut */
.afone-btn .elementor-button:hover {
  transform: translateY(-2px) !important;
}/* End custom CSS */