#BlueskyShareDiv:hover
{
    background-color: #dfdfdf;
    border-top: 5px solid #181818;
}
#BlueskyShareDiv
{
    position: relative;
    display: inline-block;
    width: 24px;
    height: 29px;
    margin: 0px 10px 0px 0px;
    border-top: 5px solid transparent;
    background: url('/static/icons/bluesky_24px.png') no-repeat center center transparent;
}

#XShareDiv:hover
{
    background-color: #00aced;
    border-top: 5px solid #181818;
}
#XShareDiv
{
    position: relative;
    display: inline-block;
    width: 24px;
    height: 29px;
    margin: 0px 10px 0px 0px;
    border-top: 5px solid transparent;
    background: url('/static/icons/x_24px_2.png') no-repeat center center transparent;
}

#YouTubeShareDiv:hover
{
    background-color: #dfdfdf;
    border-top: 5px solid #181818;
}
#YouTubeShareDiv
{
    position: relative;
    display: inline-block;
    width: 24px;
    height: 29px;
    margin: 0px 10px 0px 0px;
    border-top: 5px solid transparent;
    background: url('/static/icons/youtube_24px_2.png') no-repeat center center transparent;
}

#DiscordShareDiv:hover
{
    background-color: #5865f2;
    border-top: 5px solid #181818;
}
#DiscordShareDiv
{
    position: relative;
    display: inline-block;
    width: 24px;
    height: 29px;
    margin: 0px 10px 0px 0px;
    border-top: 5px solid transparent;
    background: url('/static/icons/discord_24px_2.png') no-repeat center center transparent;
}