Social share btns

code.html

<div class="bc_link_container">
  <div class="bc_link_content bc_link_content_left">
    <span style="color: #ffffff;">Share the Women's Strength Summit</span>
  </div>
  <div class="bc_link_content bc_link_content_right">
    <ul class="bc_links_list">
     <li class="bc_link_item bc_link_facebook">
	   <a href="http://www.facebook.com/sharer/sharer.php?u=http://womensstrengthsummit.com&t=Free Women’s Strength Summit: 33+ top female experts reveal how to become your strongest self." title="" 
       onclick="bc_open_window('http://www.facebook.com/sharer/sharer.php?u=http://womensstrengthsummit.com&amp;t=Free Women’s Strength Summit: 33+ top female experts reveal how to become your strongest self.'); return false;" target="_blank" rel="nofollow">
		   <span class="bc_link_icon"></span>
		   <span class="bc_link_network_name">Facebook</span>
	   </a>
   </li>

   <li class="bc_link_item bc_link_twitter">
       <a href="https://twitter.com/intent/tweet?text=Free Women’s Strength Summit: 33+ top female experts reveal how to become your strongest self.&amp;url=http://womensstrengthsummit.com/?p=79&amp;counturl=http://womensstrengthsummit.com" 
       title="" 
       onclick="bc_open_window('https://twitter.com/intent/tweet?text=Free Women’s Strength Summit: 33+ top female experts reveal how to become your strongest self.&amp;url=http://womensstrengthsummit.com/?p=79&amp;counturl=http://womensstrengthsummit.com'); return false;" target="_blank" rel="nofollow">
           <span class="bc_link_icon"></span>
       <span class="bc_link_network_name">Twitter</span>
       </a>
   </li>

   <li class="bc_link_item bc_link_google">
       <a href="https://plus.google.com/share?url=http://womensstrengthsummit.com" title="" onclick="bc_open_window('https://plus.google.com/share?url=http://womensstrengthsummit.com'); return false;" target="_blank" rel="nofollow">
           <span class="bc_link_icon"></span>
           <span class="bc_link_network_name">Google+</span>
       </a>
   </li>
</ul>
</div>
</div>

script.js

    function bc_open_window(t){
        var left = (screen.width / 2) - (800 / 2);
        var top = (screen.height / 2) - (500 / 2);
        window.open(t, "essb_share_window", "height=500,width=800,resizable=1,scrollbars=yes,top=" + top + ",left=" + left);
    }

style.css

   .bc_link_container {
    padding-left: 10px;
    padding-right: 10px;
    }
    .bc_link_content {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}
.bc_link_content.bc_link_content_left {
    text-align: right;
    padding-right: 20px;
}
.bc_link_content.bc_link_content_right {
    text-align: left;
    padding-left: 20px;
}

.bc_links_list{
text-align:left;
}

.bc_link_item {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0!important;
    margin: 0!important;
}

.bc_link_network_name {
    vertical-align: middle;
    line-height: 21px;
}

.bc_link_item a {
    padding: 5px 12px 6px 12px;
    margin: 2px 5px 2px 0;
    text-decoration: none;
    font-size: 14px;
    font-family: "Segoe WP", "Segoe UI", Helvetica, Arial, sans-serif;
    border-radius: 3px;
    color: #FFF!important;
    transition: background 0.05s linear;
}

.bc_link_item .bc_link_icon {
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
}

    .bc_link_facebook .bc_link_icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgNDIgNDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQyIDQyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNi40MDUsMjIuNjg0VjM3aDYuOTY0VjIyLjc1Mmg0Ljc1NGwxLjE1LTUuOTRoLTUuODU0di00LjM1N2MwLTAuNjAyLDAuMzIxLTEuNDA2LDEuMjk2LTEuNDA2SDI4LjFWNQ0KCWgtNi4zMmMtMi4xOCwwLTUuMzk3LDIuNjg1LTUuMzk3LDUuNTR2Ni4xMDNoLTMuNjU0djYuMDE2TDE2LjQwNSwyMi42ODR6Ii8+DQo8L3N2Zz4NCg==);
      background-size: 21px 21px;
      background-repeat: no-repeat;
    }
    
    .bc_link_twitter .bc_link_icon {
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgNDIgNDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQyIDQyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zNywxMS4wNzZjLTEuMTc3LDAuNTIxLTIuNDQxLDAuODc1LTMuNzcxLDEuMDM0YzEuMzU2LTAuODEzLDIuMzk3LTIuMSwyLjg4OC0zLjYzMw0KCWMtMS4yNjksMC43NTItMi42NzUsMS4yOTktNC4xNjksMS41OTRjLTEuMTk3LTEuMjc2LTIuOTA0LTIuMDc0LTQuNzkzLTIuMDc0Yy0zLjYyNSwwLTYuNTY0LDIuOTM5LTYuNTY0LDYuNTY0DQoJYzAsMC41MTYsMC4wNTcsMS4wMTcsMC4xNywxLjQ5N2MtNS40NTctMC4yNzQtMTAuMjk0LTIuODg4LTEzLjUzMS02Ljg1OWMtMC41NjUsMC45Ny0wLjg5LDIuMDk4LTAuODksMy4zMDENCgljMCwyLjI3OCwxLjE1OSw0LjI4NywyLjkyLDUuNDY0Yy0xLjA3NS0wLjAzNC0yLjA4OC0wLjMyOS0yLjk3My0wLjgyMWMtMC4wMDEsMC4wMjctMC4wMDEsMC4wNTYtMC4wMDEsMC4wODINCgljMCwzLjE4MiwyLjI2Myw1LjgzNSw1LjI2Nyw2LjQzOGMtMC41NTEsMC4xNDktMS4xMzEsMC4yMjktMS43MjksMC4yMjljLTAuNDI0LDAtMC44MzQtMC4wNDEtMS4yMzUtMC4xMTYNCgljMC44MzUsMi42MDcsMy4yNjEsNC41MDYsNi4xMzMsNC41NTljLTIuMjQ3LDEuNzYxLTUuMDc3LDIuODEtOC4xNTMsMi44MWMtMC41MywwLTEuMDUzLTAuMDMtMS41NjYtMC4wOTINCgljMi45MDQsMS44NjMsNi4zNTUsMi45NSwxMC4wNjMsMi45NWMxMi4wNzgsMCwxOC42ODEtMTAuMDA0LDE4LjY4MS0xOC42NzljMC0wLjI4NS0wLjAwNy0wLjU2OC0wLjAxOS0wLjg1MQ0KCUMzNS4wMDcsMTMuNTQ5LDM2LjEyLDEyLjM5MiwzNywxMS4wNzYiLz4NCjwvc3ZnPg0K);	

      background-size: 21px 21px;
      background-repeat: no-repeat;
    }
    
    .bc_link_google .bc_link_icon {
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDIgNDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyIDQyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48Zz48cGF0aCBpZD0iWE1MSURfMl8iIGNsYXNzPSJzdDAiIGQ9Ik0xLDIwLjRDMS4xLDEzLjksNyw4LjMsMTMuNSw4LjVjMy4xLTAuMSw2LDEuMiw4LjQsMy4xYy0xLDEuMS0yLjEsMi4zLTMuMiwzLjNjLTIuOC0yLTYuOS0yLjUtOS43LTAuM2MtNC4xLDIuOC00LjMsOS40LTAuMywxMi41YzMuOCwzLjUsMTEsMS43LDEyLTMuNWMtMi40LDAtNC44LDAtNy4yLTAuMWMwLTEuNCwwLTIuOCwwLTQuM2M0LDAsOCwwLDEyLDBjMC4yLDMuMy0wLjIsNi45LTIuMyw5LjdjLTMuMSw0LjQtOS40LDUuNy0xNC4yLDMuOEM0LjEsMzAuOCwwLjYsMjUuNiwxLDIwLjR6Ii8+PHBhdGggaWQ9IlhNTElEXzFfIiBjbGFzcz0ic3QwIiBkPSJNMzIuNywxNC44YzEuNCwwLDIuOCwwLDQuMSwwYzAsMS40LDAsMi44LDAsNC4yYzEuNCwwLDIuOCwwLDQuMiwwYzAsMS40LDAsMi44LDAsNC4xYy0xLjQsMC0yLjgsMC00LjIsMGMwLDEuNCwwLDIuOCwwLDQuMmMtMS40LDAtMi44LDAtNC4xLDBjMC0xLjQsMC0yLjgsMC00LjFjLTEuNCwwLTIuOCwwLTQuMiwwYzAtMS40LDAtMi44LDAtNC4xYzEuNCwwLDIuOCwwLDQuMiwwQzMyLjcsMTcuNSwzMi43LDE2LjEsMzIuNywxNC44eiIvPjwvZz48L3N2Zz4=);

      background-size: 21px 21px;
      background-repeat: no-repeat;
    }
    
    .bc_link_facebook a {
      background-color: #4769A5;
    }
    .bc_link_facebook a:hover {
    background-color: #385484;
    }
    
    .bc_link_twitter a {
    background-color: #65CCEF;
    }
    .bc_link_twitter a:hover {
    background-color: #50A3BF;
    }
    .bc_link_google a {
    background-color: #EA4335;
    }
    .bc_link_google a:hover {
    background-color: #BB352A;
    }