animations on pseudo elements don't work in safari

[Sam-Apostel]

a lot of the animations rely on the pseudo elements being animated.
Since this doesn't work in some browsers. I suggest favouring animating the base element:
eg:

@keyframes spinneralt {
	0% { transform: rotate(0deg) }
	to { transform: rotate(359deg) }
}

.gg-spinner-alt {
	transform: scale(var(--ggs,1));
	animation: spinneralt 1s cubic-bezier(.6,0,.4,1) infinite; /*  this line was defined on the before pseudo-element and moving it doesn't change the behaviour but improves browser compatibility */ 
}

.gg-spinner-alt,
.gg-spinner-alt::before {
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 20px;
	height: 20px
}

.gg-spinner-alt::before {
	content: "";
	position: absolute;
	border-radius: 100px;
	border: 3px solid transparent;
	border-top-color: currentColor
}

[Sam-Apostel]

I'm willing to go through and create a PR on this, checking in first. Is this a welcomed optimisation?