Failed Rainbow Border

HTML

<button class="rgbutton">
  Hover Me
</button>

CSS

button {
		border: none;
		padding: 0.5rem 1rem;
		border-radius: 0.5rem;
		margin: 0.5rem;
		cursor: pointer;
	}

.rgbutton {
		position: relative;
	}

.rgbutton:hover::after {
		content: '';
		position: absolute;
    inset: 0;
		background: conic-gradient(red, orange, yellow, lime, aqua, blue, magenta, red);
		z-index: -1;
		animation: move 3s linear infinite;
	}

	@keyframes move {
		to {
			rotate: 360deg;
		}
	}