/*------------------------------------------------------------------------------*/
/* Some Buttons
/*------------------------------------------------------------------------------*/

.SomeButton:hover path {
	fill: var(--color-text-accent);
}

.SomeButtons {
	--color-link: var(--color-text);
	display: flex;
	flex-wrap: wrap;
	font-size: 3.5rem;
	gap: 0;
	margin-left: -.5rem;
}

@media screen and (max-width: 1024px) {
	.SomeButtons {
		justify-content: center;
		margin-top: 6rem;
	}
}

.SomeButtons a {
	align-items: center;
	display: flex;
	text-decoration: none;
}

.SomeButtons svg {
	height: 3rem;
	width: 3rem;
}

.Drawer .SomeButtons {
	justify-content: left;
	margin-top: 2.9rem;
	padding-inline: 1.5rem;
}