.anim-brdr {

	--bg:				hsl(120deg 10% 30%);
	--border-angle:		0deg;
	border-radius:		10px;

	display:			flex;
	justify-content:	center;
	align-items:		center;
	box-shadow:			0px 2px 4px hsl(0 0% 0% / 25%);
	animation:			border-angle-rotate 2s infinite linear;
	border:				0.25rem solid transparent;


	background: linear-gradient(white, white) padding-box,
		conic-gradient(
			from var(--border-angle),
				var(--bg) 90%,
				white
		)
		border-box;
}

@keyframes border-angle-rotate {
	from { --border-angle: 0deg; }
	to { --border-angle: 360deg; }
}

@property --border-angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}