.logo-link {
		position: relative;
		display: block;
		overflow: hidden; 
		border-radius: 8px;
		text-decoration: none;
		padding: 5px; /* Adds a little "breathing room" for the shine */
	}

	.logo-link::after {
		content: "";
		position: absolute;
		top: 0;
		left: -150%;
		width: 40%;
		height: 100%;
		background: linear-gradient(
			to right, 
			rgba(255, 255, 255, 0) 0%, 
			rgba(255, 255, 255, 0.5) 50%, 
			rgba(255, 255, 255, 0) 100%
		);
		transform: skewX(-20deg);
		/* We keep "infinite", but the keyframes handle the "back and forth" */
		animation: logo-sweep-back-forth 15s infinite ease-in-out;
	}

	@keyframes logo-sweep-back-forth {
		0% { left: -150%; }
		/* Goes to the right */
		35% { left: 150%; } 
		/* Brief pause at the right */
		50% { left: 150%; } 
		/* Comes back to the left */
		85% { left: -150%; }
		/* Brief pause at the left before restarting */
		100% { left: -150%; }
	}

	.logo-link img {
		height: 40px;
		display: block;
	}