.social-share {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	align-items: center;
	text-align: center;
	contain: content;
}

.social-share svg {
	margin-right: 10px;
}

.social-share > .button {
	color: var(--contrast-2);
	flex: 33%;
	flex-grow: 1;
	flex-basis: 0;
	font-size: 0.9em;
	padding: 11px 10px 10px;
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--base);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.button-twitter .icon {
	fill: black !important;
}

.button-twitter:hover {
	border-color: black !important;
	color: black !important;
}

.button-facebook .icon {
	fill: #1777f2 !important;
}

.button-facebook:hover {
	border-color: #1777f2 !important;
	color: #1777f2 !important;
}

.button-pinterest .icon {
	fill: #e60023 !important;
}

.button-pinterest:hover {
	border-color: #e60023 !important;
	color: #e60023 !important;
}

.button-whatsapp .icon {
	fill: #05cd51 !important;
}

.button-whatsapp:hover {
	border-color: #05cd51 !important;
	color: #05cd51 !important;
}

.button-linkedin .icon {
	fill: #0a66c2 !important;
}

.button-linkedin:hover {
	border-color: #0a66c2 !important;
	color: #0a66c2 !important;
}

.button-telegram .icon {
	fill: #24a1de !important;
}

.button-telegram:hover {
	border-color: #24a1de !important;
	color: #24a1de !important;
}

.button-snapchat .icon {
	fill: rgba(0, 0, 0, 0.9) !important;
}

.button-snapchat:hover {
	border-color: #fffc00 !important;
	color: rgba(0, 0, 0, 0.9) !important;
}

.button-copy-link .icon {
	fill: var(--contrast) !important;
}

.button-copy-link:hover {
	border-color: var(--contrast) !important;
	color: var(--contrast) !important;
}