.color-fb { color: #4267B2 !important; } /* Facebook */
.color-tw { color: #1DA1F2 !important; } /* Twitter */
.color-ln { color: #2867B2 !important; } /* LinkedIn */
.color-in { color: #8a3ab9 !important; } /* Instagram */
.color-yt { color: #FF0000 !important; } /* YouTube */
.color-an { color: #7b4cdb !important; } /* Acnchor */

/* Basic Buttons */

.ui.basic.color-fb.button, .ui.basic.color-fb.buttons {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 1px #4267B2 inset;
    box-shadow: 0 0 0 1px #4267B2 inset;
    color: #4267B2;
}
.ui.basic.color-tw.button, .ui.basic.color-tw.buttons {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 1px #1DA1F2 inset;
    box-shadow: 0 0 0 1px #1DA1F2 inset;
    color: #1DA1F2;
}
.ui.basic.color-ln.button, .ui.basic.color-ln.buttons {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 1px #2867B2 inset;
    box-shadow: 0 0 0 1px #2867B2 inset;
    color: #2867B2;
}
.ui.basic.color-in.button, .ui.basic.color-in.buttons {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 1px #8a3ab9 inset;
    box-shadow: 0 0 0 1px #8a3ab9 inset;
    color: #8a3ab9;
}
.ui.basic.color-yt.button, .ui.basic.color-yt.buttons {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 1px #FF0000 inset;
    box-shadow: 0 0 0 1px #FF0000 inset;
    color: #FF0000;
}
.ui.basic.color-an.button, .ui.basic.color-an.buttons {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 1px #7b4cdb inset;
    box-shadow: 0 0 0 1px #7b4cdb inset;
    color: #7b4cdb;
}

.ui.basic.color-fb.button:hover, .ui.basic.color-fb.buttons:hover,
.ui.basic.color-tw.button:hover, .ui.basic.color-tw.buttons:hover,
.ui.basic.color-ln.button:hover, .ui.basic.color-ln.buttons:hover,
.ui.basic.color-in.button:hover, .ui.basic.color-in.buttons:hover,
.ui.basic.color-yt.button:hover, .ui.basic.color-yt.buttons:hover,
.ui.basic.color-an.button:hover, .ui.basic.color-an.buttons:hover
{
    filter: brightness(85%);
}