<style>
     *{
     font-family: "EB Garamond", serif;
     }
     .custom-btn {
        background-color: #ffffff;
        border-radius: 40px;
        bottom: 50px;
        color: #ffffff;
        display: table;
        height: 50px;
        left: 10px;
        min-width: 50px;
        position: fixed;
        text-align: center;
        z-index: 9999;
    }
    .custom-btn:hover{
      color:#fff;
      padding: 0 20px;
      text-decoration: none;
      font-weight: 600;
    }
    .custom-btn:hover span{
      opacity:1;
      letter-spacing: 1px;
      padding-left:10px;
    }
    .custom-btn span {
        display: table-cell;
        vertical-align: middle;
        font-size: 16px;
        letter-spacing: -15px;
        opacity: 0;
        line-height: 50px;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        text-transform: uppercase;
    }
    .custom-btn.whatsapp {
        background: #1fdf61;
        background: -moz-linear-gradient(to bottom, #61c109 0%,#078e02 100%);
        background: -webkit-linear-gradient(to bottom, #61c109 0%,#078e02 100%);
        background: linear-gradient(to bottom, #61c109 0%,#078e02 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fdf61', endColorstr='#88BA46',GradientType=0 );
    }
    .custom-btn.whatsapp .fa-2x {
        font-size: 2em;
        margin-top: 10px;
    }

    .custom-btn.phone {
        background: #03A9F4;
        background: -moz-linear-gradient(top, #0079f7 0%,#02e4ff 100%);
        background: -webkit-linear-gradient(top, #0079f7 0%,#02e4ff 100%);
        background: linear-gradient(to bottom, #3a5e29 0%,#3a5e29 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fdf61', endColorstr='#88BA46',GradientType=0 );
        bottom: 110px;
    }
    .custom-btn.phone .fa-2x {
        font-size: 2em;
        margin-top:10px;
    }
  </style>