/*
 * Social Buttons for Bootstrap 5
 *
 * Based on bootstrap-social by Panayiotis Lipiridis (MIT License)
 * Simplified for Bootstrap 5 compatibility
 */

.btn-social{position:relative;margin-bottom:5px;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}
.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}

.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover,.btn-facebook:focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)}

.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google:hover,.btn-google:focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:active{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,0.2)}

.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:hover,.btn-linkedin:focus{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active{color:#fff;background-color:#00405f;border-color:rgba(0,0,0,0.2)}

.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter:hover,.btn-twitter:focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active{color:#fff;background-color:#1583d7;border-color:rgba(0,0,0,0.2)}

.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}
.btn-github:hover,.btn-github:focus{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}
.btn-github:active{color:#fff;background-color:#191919;border-color:rgba(0,0,0,0.2)}