.elementor-34 .elementor-element.elementor-element-fd1357e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-d34d993{--display:flex;--border-radius:30px 30px 30px 30px;}.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-34 .elementor-element.elementor-element-5c95c6f .elementor-button{background-color:#FFFFFF00;font-family:"Chivo", Sans-serif;font-weight:800;text-transform:uppercase;fill:#000000;color:#000000;transition-duration:1s;border-radius:15px 15px 15px 15px;}.elementor-34 .elementor-element.elementor-element-5c95c6f.elementor-element{--align-self:center;}.elementor-34 .elementor-element.elementor-element-5c95c6f .elementor-button:hover, .elementor-34 .elementor-element.elementor-element-5c95c6f .elementor-button:focus{color:#FFFFFF;}.elementor-34 .elementor-element.elementor-element-5c95c6f .elementor-button:hover svg, .elementor-34 .elementor-element.elementor-element-5c95c6f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-5c95c6f .elementor-button{font-size:15px;}}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-d34d993{--width:12%;}}/* Start custom CSS for button, class: .elementor-element-5c95c6f *//* Tweakable vars */
:root{
  --btn-fill:#000;       /* hover fill color */
  --icon-size: 0.95em;   /* icon size */
  --icon-left: 10px;     /* left padding before the icon */
  --icon-gap: 6px;       /* gap between icon & text (smaller = closer) */
}

/* Button base */
.elementor-34 .elementor-element.elementor-element-5c95c6f{
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 15px;

  /* Bring icon & text closer by computing left padding */
  padding: 10px 16px 10px calc(var(--icon-left) + var(--icon-size) + var(--icon-gap));
  display: inline-block;
  line-height: 1.1;

  /* Add a light border that also animates on hover */
  border: 1px solid rgba(0,0,0,.18);
  transition: color .4s ease-in-out, border-color .4s ease-in-out;
}

/* Sliding fill */
.elementor-34 .elementor-element.elementor-element-5c95c6f::before{
  content:"";
  position:absolute;
  top:0; left:-100%;
  width:100%; height:100%;
  background: var(--btn-fill, #000);
  transition:left .4s ease-in-out;
  border-radius:inherit;
  z-index:-1;
}

/* The icon (follows text color via currentColor) */
.elementor-34 .elementor-element.elementor-element-5c95c6f::after{
  content:"";
  position:absolute;
  left: var(--icon-left);
  top:50%;
  width: var(--icon-size);
  height: var(--icon-size);
  transform: translateY(-50%);
  background-color: currentColor; /* icon color always == text color */

  /* Use SVG as a mask so it tints correctly */
  -webkit-mask: url("https://coral-bat-791652.hostingersite.com/wp-content/uploads/2025/08/arrow-back-thick.svg") no-repeat 50% 50%;
          mask: url("https://coral-bat-791652.hostingersite.com/wp-content/uploads/2025/08/arrow-back-thick.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
          mask-size: contain;

  transition: background-color .4s ease-in-out;
}

/* Hover effects */
.elementor-34 .elementor-element.elementor-element-5c95c6f:hover::before{ left:0; }
.elementor-34 .elementor-element.elementor-element-5c95c6f:hover{
  color:#fff !important;      /* text to white */
  border-color:#fff;          /* light border becomes white for contrast */
}

/* (optional) tiny icon nudge on hover */
/* .elementor-34 .elementor-element.elementor-element-5c95c6f:hover::after{ transform: translateY(-50%) translateX(1px); } *//* End custom CSS */