.soc-buttons_container.fixed {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%); }
  .soc-buttons_container.fixed .soc-button {
    display: block; }

.soc-button {
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none; }
  .soc-button.facebook {
    background: #4267b2;
    color: #fff; }
    .soc-button.facebook:hover {
      background: #3c599b; }
  .soc-button.pinterest {
    background: #c8232c;
    color: #fff; }
    .soc-button.pinterest:hover {
      background: #b21f27; }
  .soc-button.twitter {
    background: #00aced;
    color: #fff; }
    .soc-button.twitter:hover {
      background: #0084b4; }
  .soc-button.linkedin {
    background: #0083be;
    color: #fff; }
    .soc-button.linkedin:hover {
      background: #0083be; }
  .soc-button.google {
    background: #d0422a;
    color: #fff; }
    .soc-button.google:hover {
      background: #d0422a; }
  .soc-button.email {
    background: #e71111;
    color: #fff; }
    .soc-button.email:hover {
      background: #dc0f0f; }
  .soc-button svg {
    vertical-align: middle;
    margin-right: 5px;
    fill: currentColor; }
  .soc-button span {
    display: inline-block;
    vertical-align: middle; }