.scl-button {
	display: inline-block;
	position: relative;
	width: 48px;
	height: 48px;
	background-color: var(--clr-bg);
	transition: background-color var(--transition-cubic-ease);
}
.scl-button:not(:last-child) {
	margin-right: 8px;
}
.scl-button:hover {
	background-color: var(--clr-n);
}
.scl-button-icon-container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
}
.scl-button-icon-container > svg {
	max-width: 75%;
	max-height: 50%;
	color: var(--text-color);
}
.scl-button-icon-container:hover > svg {
	color: #ffffff;
}
#scl-button-twitter:hover {
	background-color: #1d9bf0;
}
#scl-button-youtube:hover {
	background-color: #ff0000;
}
#scl-button-mastodon:hover {
	background-color: #6364ff;
}
#scl-button-tumblr:hover {
	background-color: #001a35;
}