.blue {
    color: #00b0f0;    
  }
  .blue2 {
    color: #0070c0;
  }
  .red {
    color: #ff0000;
  }
  .center {
    text-align: center;
  }
  .h1 {
    font-size: 40px;
  }
  .h3 {
    font-size: 30px;
  }
  .h4 {
    font-size: 22px;
  }
  .h5 {
    font-size: 20px;
  }
  .p {
    font-size: 18px;
    line-height: 1.5;
  }
  div.p {
    padding: 0 50px;
  }
  .redx {
    width: 25px;
    margin-bottom: -5px;
  }
  .greencheck {
    width: 50px;
    margin-bottom: -12px;
  }
  .bottle {
    max-width: 250px;
  }
  .atc a {
    text-decoration: none;
  }
  .question {
    margin: 0 0 5px;
  }
  .answer {
    margin: 0 0 30px;
  }
  /*
  960 - wrapper
  640 - video
  244 - button

  50 - space

  unmutes width = 640 + 50x2 + 244x2 = 1228
  shift = (wrapper - unmutes width) / 2 = (960 - 640) / 2 - 50 - 244 = -134
  */
.unmutes {
    text-align: center;
    top: 280px;
    width: 1228px;
    margin-left: -134px;
    margin-right: auto;
    position: absolute;
    z-index: 1
}

.unmutes.compact {
    left: 85px;
    right: 85px;
    top: 443px;
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease
}

.unmutes A.lt {
    float: left
}

.unmutes A.rt {
    float: right
}

.unmutes A {
    color: #000;
    font-family: Arial;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.02em;
    text-decoration: none;
    border-bottom: 5px solid #c90;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #ffbf00;
    background-image: url(https://theflatbellyfix.com/vsl/web/i/xunmute.png,qv=3.pagespeed.ic.bztgoluqwe.webp);
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.35);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.35);
    padding: 1.65em .5em .45em .5em;
    display: inline-block;
    -webkit-transition: all 222ms ease;
    -moz-transition: all 222ms ease;
    -ms-transition: all 222ms ease;
    -o-transition: all 222ms ease;
    transition: all 222ms ease
}

.unmutes.compact A {
    font-size: 0;
    border: none;
    background-color: unset!important;
    background-size: contain;
    background-position: center center;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 24px;
    min-height: 24px;
    opacity: .7;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.unmutes.compact A.lt {
    background-image: url(https://theflatbellyfix.com/vsl/web/i/xunmute-small-lt.png.pagespeed.ic.t6hft26HGA.webp)
}

.unmutes.compact A.rt {
    background-image: url(https://theflatbellyfix.com/vsl/web/i/xunmute-small-rt.png.pagespeed.ic.xsL1cPUmId.webp)
}

.unmutes A:hover {
    background-color: #ffcf22!important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.15);
    margin: -1px 0 1px;
    -webkit-transition: all 222ms ease;
    -moz-transition: all 222ms ease;
    -ms-transition: all 222ms ease;
    -o-transition: all 222ms ease;
    transition: all 222ms ease
}

.unmutes A.highlight {
    background-color: #ffdd93
}

.unmutes.compact A:hover {
    background-color: unset!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    opacity: 1
}