@media (max-width: 767px) {
  #cvt-button {
    float: left;
    position: fixed;
    left: calc(50% - 47px);
    bottom: 0;
    z-index: 9999;
  }
  #cvt-button a {
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border: 3px solid #fff;
    border-bottom: 0;
    display: block;
    padding: 5px 2px;
    transition: all .2s ease-in-out;
    text-decoration: none;
  }
  #cvt-button p {
    margin: 5px;
    color: #fff;
    text-decoration: none;
  }
  #cvt-button a:hover {
    /* padding-bottom: 20px; */
  }
}
@media (min-width: 768px) {
  #cvt-button {
    position: fixed;
    z-index: 9999;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #cvt-button a {
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border: 3px solid #fff;
    border-right: 0;
    display: block;
    padding: 10px;
    transition: all .2s ease-in-out;
    text-decoration: none;
    margin-right: 0;
  }
  #cvt-button p {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin: 15px 0px;
    max-height: 300px;
  }
  /* Safari 9+ */
  @supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
    #cvt-button p {
      padding-right: 20px;
      display: inline;
    }
  }
  /* MS Edge */
  @supports (-ms-ime-align:auto) {
    #cvt-button p {
      display: table-row;
    }
  }
  /* MS IE10 & IE11 */
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #cvt-button p  {
      display: table-row;
    }
  }
}
#cvt-button a.ext:after {
  display: none;
}
body {
  background: #ddd;
}