.form-popup {
  display: none;
}

.r-meals__button {
  width: 195px;
  display: block;
  text-decoration: none;
  font-family: 'open_sansregular';
  font-family: 'open_sanssemibold';
  font-size: 16px;
  padding: 10px 0;
  color: #ffffff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#319fd2), to(#62b3d9));
  background-image: -webkit-linear-gradient(bottom, #319fd2 0%, #62b3d9 100%);
  background-image: -o-linear-gradient(bottom, #319fd2 0%, #62b3d9 100%);
  background-image: linear-gradient(0deg, #319fd2 0%, #62b3d9 100%);
  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.07);
  text-align: center;
  margin-top: 38px;
  position: relative;
  display: none;
}
.r-meals__button.js-form-button {
  display: block;
  border-radius: 20px;
  overflow: hidden;
  margin: 0 auto 40px;
}
@media screen and (max-width: 680px) {
  .r-meals__button {
    margin-top: 18px;
  }
}
@media screen and (max-width: 650px) {
  .r-meals__button {
    margin: 20px auto 0 auto;
  }
}
.r-meals__button:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#0b6a97), to(#399cca));
  background-image: -webkit-linear-gradient(bottom, #0b6a97 0%, #399cca 100%);
  background-image: -o-linear-gradient(bottom, #0b6a97 0%, #399cca 100%);
  background-image: linear-gradient(0deg, #0b6a97 0%, #399cca 100%);
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.r-meals__button:hover {
  opacity: 1;
}
.r-meals__button:hover:after {
  content: '';
  display: block;
  opacity: 1;
}
.r-meals__button span {
  position: relative;
  z-index: 1;
}