.follow, .share {

    /* display: inline-block; */

    cursor: default;

    padding: 0;

    /* margin: 0 0.5em; */

    /* position: relative; */

    text-align: center;

    position: fixed;

    z-index: 111;

    top: 25%;

    /* right: 0px; */

    right: 16px;

flex-direction: column;

display: flex;

  }

  .follow:hover .label, .share:hover .label {

    opacity: 0;

    transition: opacity 0.1s 0.1s ease-out;

  }

  .follow:hover .icon, .share:hover .icon {

    border-radius: 1em;

    margin: 0 0;

    opacity: 1;

  }

  

  .label {

    background-color: #005090;

    line-height: 2rem;

  }

  .icon {

    line-height: 2rem;

  }

  

  .label {

    /* border-radius: 1rem; */

    position: absolute;

    font-size: 0.618em;

    font-weight: 900;

    letter-spacing: 0.0816em;

    top: 0;

    left: 0;

    right: 0;

    opacity: 1;

    pointer-events: none;

    text-transform: uppercase;

    /* transition: opacity 0.5s 0.75s ease-out; */

    width: 40px;

  }

  .label i {

      font-size: 20px;

      color: #fff;

      margin-top: 7px;

  }

  

  .icon {

    border-radius: 0;

    cursor: pointer;

    display: inline-block;

    height: 33px;

    margin: 0 -0.5em;

    transition: background-color 0.5s ease-out, border-radius 0.5s 0.25s ease-out, margin 0.5s 0.25s ease-out;

    width: 33px;

    opacity: 0;

  }

  .icon a {

      color: #fff;

  }

  .icon a i {

    font-size: 20px;

    margin-top: 7px;

  }

  .icon.first {

    border-bottom-left-radius: 1em;

    border-top-left-radius: 1em;

    margin-left: 0;

  }

  .icon.last {

    border-bottom-right-radius: 1em;

    border-top-right-radius: 1em;

    margin-right: 0;

  }

  .icon:hover {

    /* background-color: #ebc247; */

    color: #111;

    opacity: 1;

    transition: .35s;

  }

 .icon-1:hover {

     /* background: #0e5491; */

     /* box-shadow: 0px 3px 3px #ccc; */

transform: scale(1.1);

 }

 .icon-2:hover {

    /* background: #df1e79; */

    /* box-shadow: 0px 3px 3px #ccc; */

transform: scale(1.1);

}

.icon-3:hover {

    /* background: #0a66c2; */

    /* box-shadow: 0px 3px 3px #ccc; */

transform: scale(1.1);

}

.icon-4:hover {

  /* background: #0a66c2; */

  /* box-shadow: 0px 3px 3px #ccc; */

transform: scale(1.1);

}

.icon-1 {

    /* background: #0e5491; */

    margin-bottom: 10px !important;

}

.icon-2 {

   /* background: #df1e79; */

   margin-bottom: 10px !important;



}

.icon-3 {

   /* background: #0a66c2; */

   margin-bottom: 10px !important;



}

.icon img {

    width: 25px;

}