.icon{
 inline-size: var(--icon-size-sm);
 block-size: var(--icon-size-sm);
 width: var(--icon-size-sm);
 height: var(--icon-size-sm);
 display: inline-block;
 vertical-align: sub;
}
.social-icons{
 display: flex;
 gap: var(--space-sm);
 flex-wrap: wrap;
 padding: 0;
 margin: 0;
 list-style: none;
}
.social-icon{
 display: flex;
 align-items: center;
 justify-content: center;
 width: var(--social-icon-size);
 height: var(--social-icon-size);
 border-radius: var(--border-radius-sm);
 background-color: transparent;
 color: var(--white);
 text-decoration: none;
 transition: var(--transition-all);
 border: 2px solid transparent;
}
.social-icon:hover,
.social-icon:focus{
 text-decoration: none;
 transform: var(--lift-md);
 box-shadow: var(--shadow-md);
 color: var(--white);
}
#share-buttons .social-icon:hover{
 color: var(--white);
}
.social-facebook_link{background-color: #1877f2;}
.social-twitter_link{background-color: #1da1f2;}
.social-linkedin_link{background-color: #0077b5;}
.social-reddit_link{background-color: #ff4500;}
.social-instagram_link{background-color: #e4405f;}
.social-youtube_link{background-color: #ff0000;}
.social-pinterest_link{background-color: #E60023;}
.social-tiktok_link{background-color: #000000;}
.share-facebook:hover{background-color: #1877f2;border-color: #1877f2;}
.share-twitter:hover{background-color: #1da1f2;border-color: #1da1f2;}
.share-linkedin:hover{background-color: #0077b5;border-color: #0077b5;}
.share-reddit:hover{background-color: #ff4500;border-color: #ff4500;}
.share-pinterest:hover{background-color: #E60023;border-color: #E60023;}
.share-email:hover{background-color: #ea4335;border-color: #ea4335;}