.dark-mode-widget {
	background-color: transparent;
	padding: 0.75rem 0;
	border: none;
	outline-offset: -2px;
}

.feather-moon {
	display: none;
}

.dark-mode .feather-sun {
	display: none;
}

.dark-mode .feather-moon {
	display: inline;
}

@media (min-width: 54rem) {

	.dark-mode-widget {
		padding: 0.75rem 1rem;
	}
}