.heading--gradient {
    background: -o-var(--color-gradient);
    background: var(--color-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 400% 400%;
    animation: var(--gradient-animation);
    -webkit-animation: var(--gradient-animation);
    padding-bottom: 5px;
}

:root {
    --color-gradient: linear-gradient(313.57deg, #123f9c -6.55%, #123f9c -4.81%, #123f9c 10.85%, #00b5e2 19.54%, #00b5e2 28.24%, #123f9c 34.33%, #00b5e2 47.37%, #00b5e2 58.67%, #123f9c 64.76%, #00b5e2 71.72%, #123f9c 76.94%, #00b5e2 80.42%);
    --gradient-animation: gradient 20s ease infinite;
}

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