.sticky-appointment {
    position: fixed;
    top: 50%;
    margin-top: -100px;
    left: -125px;
    list-style: none;
    padding: 0;
    z-index: 9;
  }
  
  .sticky-appointment .stick-content {
    width: 190px;
    height: 80px;
    background: rgb(6, 51, 123, 0.8);
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(6, 51, 123, 0.8)),
      color-stop(35%, rgba(9, 51, 117, 0.8)),
      to(rgba(21, 51, 100, 0.8))
    );
    background: linear-gradient(
      180deg,
      rgba(6, 51, 123, 0.8) 0%,
      rgba(9, 51, 117, 0.8) 35%,
      rgba(21, 51, 100, 0.8) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#06337b",endColorstr="#153364",GradientType=1);
    /* border: 2px solid #F7D217; */
    box-shadow: 0px 0px 10px 2px #999;
    -webkit-box-shadow: 0px 0px 10px 2px #999;
    border-radius: 0 10px 10px 0;
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 24px;
    margin-bottom: 10px;
    padding: 5px 10px 0;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
  }
  
  .sticky-appointment .stick-content > a {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
  }
  
  .sticky-appointment .stick-content .img {
    width: 50px;
    float: right;
    margin: 10px 0;
    color: #f7d217;
    font-size: 30px;
  }
  
  .sticky-appointment .stick-content .desc {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 12px 0;
    font-size: 12px;
    color: #f7d217;
    float: left;
    width: 110px;
    vertical-align: middle;
  }
  
  .sticky-appointment .stick-content .desc span {
    display: block;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
  }
  
  .sticky-appointment .stick-content:hover {
    margin-left: 120px;
  }