.heading--outlined {
  color: black;
}



.heading--outlined {
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: var(--primary);
  text-shadow: 0px 0px 12px var(--primary-dark);
}


.heading--primary {
  color: var(--primary);
}



.text--primary-outline {
  color: transparent;
}


.text--primary-outline {
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: var(--primary);
}



.gradient-text { 
  color: red;
}
@supports (background-clip: text) { 
  .gradient-text {
    background-image: linear-gradient(60deg, #E21143, #FFB03A);
    background-clip: text;
    color: transparent;
  }
}