Social share

<div class="social social--share">
 <p>Share</p>
 <ul class="social__list social__list--share">
  <li class="social__list-item social__list-item--share">
    <a href="#"  class="facebook">
      <i class="fab fa-facebook-f"></i>
      <span class="hidden">Facebook</span>
    </a>
  </li>
  <li class="social__list-item social__list-item--share">
    <a href="#"  class="twitter">
      <i class="fab fa-twitter"></i>
      <span class="hidden">Twitter</span>
    </a>
  </li>
  <li class="social__list-item social__list-item--share">
    <a href="#"  class="pinterest">
      <i class="fab fa-pinterest-p"></i>
      <span class="hidden">Pinterest</span>
    </a>
  </li>
  <li class="social__list-item social__list-item--share">
    <a href="#"  class="linkedin">
      <i class="fab fa-linkedin-in"></i>
      <span class="hidden">LinkedIn</span>
    </a>
  </li>
 </ul>
</div>

Social share vertical

  <div class="social social--share social--vertical">
   <ul class="social__list social__list--share social__list--vertical">
    <li class="social__list-item social__list-item--share">
      <a href="#"  class="facebook">
        <i class="fab fa-facebook-f"></i>
        <span class="hidden">Facebook</span>
      </a>
    </li>
    <li class="social__list-item social__list-item--share">
      <a href="#"  class="twitter">
        <i class="fab fa-twitter"></i>
        <span class="hidden">Twitter</span>
      </a>
    </li>
    <li class="social__list-item social__list-item--share">
      <a href="#"  class="pinterest">
        <i class="fab fa-pinterest-p"></i>
        <span class="hidden">Pinterest</span>
      </a>
    </li>
    <li class="social__list-item social__list-item--share">
      <a href="#"  class="linkedin">
        <i class="fab fa-linkedin-in"></i>
        <span class="hidden">LinkedIn</span>
      </a>
    </li>
   </ul>
  </div>
  

Social follow

    <div class="social social--follow">
     <p>Follow</p>
     <ul class="social__list social__list--follow">
      <li class="social__list-item social__list-item--follow">
        <a href="#"  class="facebook">
          <i class="fab fa-facebook-f"></i>
          <span class="hidden">Facebook</span>
        </a>
      </li>
      <li class="social__list-item social__list-item--follow">
        <a href="#"  class="twitter">
          <i class="fab fa-twitter"></i>
          <span class="hidden">Twitter</span>
        </a>
      </li>
      <li class="social__list-item social__list-item--follow">
        <a href="#"  class="pinterest">
          <i class="fab fa-pinterest-p"></i>
          <span class="hidden">Pinterest</span>
        </a>
      </li>
      <li class="social__list-item social__list-item--follow">
        <a href="#"  class="linkedin">
          <i class="fab fa-linkedin-in"></i>
          <span class="hidden">LinkedIn</span>
        </a>
      </li>
      <li class="social__list-item social__list-item--follow">
        <a href="#"  class="youtube">
          <i class="fab fa-youtube"></i>
          <span class="hidden">YouTube</span>
        </a>
      </li>
      <li class="social__list-item social__list-item--follow">
        <a href="#"  class="instagram">
          <i class="fab fa-instagram"></i>
          <span class="hidden">Instagram</span>
        </a>
      </li>
     </ul>
    </div>