css bootstrap 4 social buttons color

bootstrap4-social-button-colors.css

 .btn-google {
     color: #fff;
     background-color: #dc4639;
     border-color: #dc4639;
}
 .btn-google:hover {
     color: #fff;
     background-color: #cb3124;
     border-color: #c02f22;
}
 .btn-google:focus, .btn-google.focus {
     box-shadow: 0 0 0 0.2rem rgba(225, 98, 87, 0.5);
}
 .btn-google.disabled, .btn-google:disabled {
     color: #fff;
     background-color: #dc4639;
     border-color: #dc4639;
}
 .btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active, .show > .btn-google.dropdown-toggle {
     color: #fff;
     background-color: #c02f22;
     border-color: #b52c20;
}
 .btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus, .show > .btn-google.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(225, 98, 87, 0.5);
}
/* */
 .btn-facebook {
     color: #fff;
     background-color: #1877f2;
     border-color: #1877f2;
}
 .btn-facebook:hover {
     color: #fff;
     background-color: #0c65d8;
     border-color: #0b5fcc;
}
 .btn-facebook:focus, .btn-facebook.focus {
     box-shadow: 0 0 0 0.2rem rgba(59, 139, 244, 0.5);
}
 .btn-facebook.disabled, .btn-facebook:disabled {
     color: #fff;
     background-color: #1877f2;
     border-color: #1877f2;
}
 .btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .show > .btn-facebook.dropdown-toggle {
     color: #fff;
     background-color: #0b5fcc;
     border-color: #0b5abf;
}
 .btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus, .show > .btn-facebook.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(59, 139, 244, 0.5);
}
/* */
 .btn-twitter {
     color: #fff;
     background-color: #1da1f3;
     border-color: #1da1f3;
}
 .btn-twitter:hover {
     color: #fff;
     background-color: #0c8dde;
     border-color: #0b86d2;
}
 .btn-twitter:focus, .btn-twitter.focus {
     box-shadow: 0 0 0 0.2rem rgba(63, 175, 245, 0.5);
}
 .btn-twitter.disabled, .btn-twitter:disabled {
     color: #fff;
     background-color: #1da1f3;
     border-color: #1da1f3;
}
 .btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active, .show > .btn-twitter.dropdown-toggle {
     color: #fff;
     background-color: #0b86d2;
     border-color: #0b7ec6;
}
 .btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-twitter.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(63, 175, 245, 0.5);
}
/* */
 .btn-instagram {
     color: #fff;
     background-color: #d43377;
     border-color: #d43377;
}
 .btn-instagram:hover {
     color: #fff;
     background-color: #ba2765;
     border-color: #af255f;
}
 .btn-instagram:focus, .btn-instagram.focus {
     box-shadow: 0 0 0 0.2rem rgba(218, 82, 139, 0.5);
}
 .btn-instagram.disabled, .btn-instagram:disabled {
     color: #fff;
     background-color: #d43377;
     border-color: #d43377;
}
 .btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active, .show > .btn-instagram.dropdown-toggle {
     color: #fff;
     background-color: #af255f;
     border-color: #a5235a;
}
 .btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus, .show > .btn-instagram.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(218, 82, 139, 0.5);
}
/* */
 .btn-github {
     color: #fff;
     background-color: #1B1817;
     border-color: #1B1817;
}
 .btn-github:hover {
     color: #fff;
     background-color: #060605;
     border-color: black;
}
 .btn-github:focus, .btn-github.focus {
     box-shadow: 0 0 0 0.2rem rgba(61, 59, 58, 0.5);
}
 .btn-github.disabled, .btn-github:disabled {
     color: #fff;
     background-color: #1B1817;
     border-color: #1B1817;
}
 .btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active, .show > .btn-github.dropdown-toggle {
     color: #fff;
     background-color: black;
     border-color: black;
}
 .btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus, .show > .btn-github.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(61, 59, 58, 0.5);
}