body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button-gradient {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  color: #fff;
  background: linear-gradient(
    144deg,
    var(--_color-pallete---dark-blue),
    var(--_color-pallete---hot-pink)
  );
  z-index: 0;
  transition: all 0.8s ease-in-out;
}

.button-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    144deg,
    var(--_color-pallete---dark-blue),
    60%,
    var(--_color-pallete---hot-pink),
    40%
  );
  opacity: 0;
  transition: all 0.6s ease-in-out;
  z-index: -1;
  border-radius: 60px;
}

.button-gradient:hover::before {
  opacity: 1;
}

.button-gradient:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'><path d='M9.45709 4.67425L6.21709 1.39825L7.58509 0.15625L13.0391 5.62825L7.58509 11.0822L6.21709 9.84025L9.49309 6.54625H0.871094V4.67425H9.45709Z' fill='%23F8F2EA'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: relative;
  top: -2px;
  transition: margin-left 0.2s ease-in-out;
}

.button-gradient:hover:after {
  margin-left: 9px;
}

/* Marquee */

#marquee-container .swiper-wrapper {
  transition-timing-function: linear !important;
}

@media (min-width: 992px) {
  .home-scale-hover {
    cursor: pointer;
  }

  .home-scale-hover h2,
  .home-scale-hover p {
    --base: var(--_color-pallete---beige);
    display: inline-block;
    background: linear-gradient(270deg, #4536e0 0%, #dd4c7d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 0 var(--base);
    transition: text-shadow 0.25s ease-in-out;
  }

  .grid-item-link .grid-item-caption,
  .grid-item-link .grid-item-description {
    --base: var(--_color-pallete---dark-purple);
    display: inline-block;
    background: linear-gradient(270deg, #4536e0 0%, #dd4c7d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 0 var(--base);
    transition: text-shadow 0.25s ease-in-out;
  }

  .grid-item-link .grid-item-read-more {
    --base: var(--_color-pallete---dark-pink);
    display: inline-block;
    background: linear-gradient(270deg, #4536e0 0%, #dd4c7d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 0 var(--base);
    transition: text-shadow 0.25s ease-in-out;
  }

  .home-scale-hover:hover h2,
  .home-scale-hover:hover p {
    text-shadow: 0 0 0 rgb(28 28 33 / 0);
  }

  .grid-item-link:hover .grid-item-caption,
  .grid-item-link:hover .grid-item-description,
  .grid-item-link:hover .grid-item-read-more {
    text-shadow: 0 0 0 rgb(28 28 33 / 0);
  }

  .grid-item-link .grid-item-image {
    overflow: hidden;
  }

  .grid-item-link .grid-item-image img {
    transition: all 0.4s ease-in-out;
  }

  .grid-item-link:hover .grid-item-image img {
    transform: scale(1.08);
  }

  .home-scale-impact-wrapper .divider-sticky:before {
    content: "";
    height: 70px;
    width: 100%;
    min-width: 1328px;
    background-color: var(--_color-pallete---purple);
    position: absolute;
    z-index: 1;
    top: -70px;
    left: 0;
  }
}