.social-share-buttons {
    --_color: white;
    --_size: 3.5em;

    display: flex;
    gap: 0.5rem;
	
	margin-bottom: 2em;
}

.social-share-buttons__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--_size);
    height: var(--_size);
	
	background-color:#004584;
}

.social-share-buttons__text {
	color: var(--_color);
}

/*.social-share-buttons__link--facebook {
  	background-color: #0165e1;
}

.social-share-buttons__link--facebook:hover {
  	background-color: #2d4373;
}

.social-share-buttons__link--twitter {
  	background-color: #1da1f2;
}

.social-share-buttons__link--twitter:hover {
  	background-color: #0084b4;
}

.social-share-buttons__link--instagram {
  	background-color: #833AB4;
}

.social-share-buttons__link--instagram:hover {
  	background-color: #C13584;
} */

.social-share-buttons__icon {
    font-size: calc(var(--_size) / 2);
}

.social-share-buttons__text:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/**
 * Hover effects
 */
 .social-share-buttons__link:hover .social-share-buttons__icon {
    display: none;
}

.social-share-buttons__link:hover .social-share-buttons__text {
    all: unset;
	color: var(--_color);
	font-size: calc(var(--_size) * 0.2);
    text-decoration: none;
}