.distributor
{
	grid-column: span 6;
	height: calc(2.5 * var(--vu));
	display: grid;
	align-content: center;
	justify-content: left;
	padding-left:var(--gap);
	font-family:var(--second-font);
	font-size: 15px;
	font-weight: 100;
	text-transform: uppercase;
	border:1px solid var(--gray);
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000121117 0.986359C0.000121117 1.11096 0.0478745 1.23556 0.14289 1.33047L10.8236 12L0.14289 22.669C-0.0476294 22.8593 -0.0476294 23.167 0.14289 23.3573C0.333408 23.5476 0.641356 23.5476 0.831875 23.3573L11.8571 12.3441C12.0476 12.1538 12.0476 11.8462 11.8571 11.6559L0.831875 0.642731C0.641356 0.452421 0.333408 0.452421 0.14289 0.642731C0.0473871 0.737156 0.000121117 0.861755 0.000121117 0.986359Z' fill='black'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: calc(100% - var(--gap));
	background-size: 10px;
	transition:var(--transition);
}

.distributor:hover
{
	background-color:var(--black);
	color:var(--white);
	border:1px solid var(--black);
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000121117 0.986359C0.000121117 1.11096 0.0478745 1.23556 0.14289 1.33047L10.8236 12L0.14289 22.669C-0.0476294 22.8593 -0.0476294 23.167 0.14289 23.3573C0.333408 23.5476 0.641356 23.5476 0.831875 23.3573L11.8571 12.3441C12.0476 12.1538 12.0476 11.8462 11.8571 11.6559L0.831875 0.642731C0.641356 0.452421 0.333408 0.452421 0.14289 0.642731C0.0473871 0.737156 0.000121117 0.861755 0.000121117 0.986359Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media (min-width: 990px)
{
	.distributor
	{
		grid-column: span 4;
		font-size: 21px;
		height: calc(3 * var(--vu));
		padding-left:var(--indent);
		background-position: calc(100% - var(--indent));
		background-size: auto;
	}
}