/*
Theme Name: Hello Child
Template: hello-elementor
Version: 1.0
*/




.star-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}



.star-btn::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='white' d='M19 9.5C11.0461 10.354 10.354 11.0469 9.5 19C8.64598 11.0461 7.95313 10.354 0 9.5C7.95386 8.64598 8.64598 7.95313 9.5 0C10.354 7.95386 11.0469 8.64598 19 9.5Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  color: inherit;
  transition: transform 0.3s ease;
}

.star-btn:hover::after {
  transform: translateY(-50%) rotate(360deg);
}

.star-btn .elementor-button-text {
  padding-right: 10px;
}




/*Button Arrow 1*/
.arrow-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arrow-btn::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_559_1299)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4133 6.13098C13.6147 4.71821 12.4092 2.57095 12.2304 0.128093L13.9387 0C14.179 3.28268 16.757 5.89221 20 6.13538V7.86462C16.757 8.10779 14.179 10.7174 13.9387 14L12.2304 13.8719C12.4093 11.4267 13.617 9.27771 15.4185 7.86496H0V6.13098H15.4133Z' fill='%230E3B65'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_559_1299'%3E%3Crect width='20' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  transition: transform 0.3s ease;
}

.arrow-btn:hover::after {
  transform: translate(5px, -50%);
}

.arrow-btn .elementor-button-text {
  padding-right: 10px;
}


/* Button Arrow 2 - standaard wit, op hover blauw */
.arrow-btn-2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

}

.arrow-btn-2::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_559_1299)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4133 6.13098C13.6147 4.71821 12.4092 2.57095 12.2304 0.128093L13.9387 0C14.179 3.28268 16.757 5.89221 20 6.13538V7.86462C16.757 8.10779 14.179 10.7174 13.9387 14L12.2304 13.8719C12.4093 11.4267 13.617 9.27771 15.4185 7.86496H0V6.13098H15.4133Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_559_1299'%3E%3Crect width='20' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  transition: transform 0.3s ease, background-image 0.3s ease;
}

.arrow-btn-2:hover::after {
  transform: translate(5px, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_559_1299)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4133 6.13098C13.6147 4.71821 12.4092 2.57095 12.2304 0.128093L13.9387 0C14.179 3.28268 16.757 5.89221 20 6.13538V7.86462C16.757 8.10779 14.179 10.7174 13.9387 14L12.2304 13.8719C12.4093 11.4267 13.617 9.27771 15.4185 7.86496H0V6.13098H15.4133Z' fill='%230E3B65'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_559_1299'%3E%3Crect width='20' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.arrow-btn-2 .elementor-button-text {
  padding-right: 10px;
}









.gradient-effect-button-orange {
  background: linear-gradient(270deg, #FF7B5E 0%, #FF4D29 39%, #FF4D29 62%, #FF7B5E 100%);
  background-size: 300% 300%;
  animation: gradientBGOrange 6s ease infinite;
  color: #FFFFFF;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  border-radius: 10px;
  transition: background 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

@keyframes gradientBGOrange {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


/*fix safari overlay hover color*/
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .glass-container {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}



* {
  -webkit-tap-highlight-color: transparent;
}