.o-contact {

}


.o-contact__whatsapp {
	margin-top: space(4);
	@include font-weight('bold');
	text-decoration: none;
	display: inline-flex;

	&::before {
		content: '';
		flex: none;
		display: block;
		width: 24px;
		height: 24px;
		margin-right: space(2);
		margin-top: 4px;
		background-image: url(/img/whatsapp.svg);
	}

	&:hover {
		color: palette(action);
	}
}


.o-contact__list {
	display: flex;
	flex-wrap: wrap;
}


.o-contact__label {
	@include font-size(s);
	@include font-weight('black');
	letter-spacing: 1px;
	color: palette(primary);
	text-transform: uppercase;
	width: #{$site-column-size}px;
}


.o-contact__data {
	width: calc(100% - #{$site-column-size}px);
	margin-bottom: space(0.5);
}

.o-contact__link {
	text-decoration: none;

	&:hover {
		text-decoration: underline;
	}
}