<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.sweetheart-container img.desktop {
  display: none;
  width: 100%;
}
.sweetheart-container img.mobile {
  display: block;
}
@media only screen and (min-width: 768px) {
  .sweetheart-container img.desktop {
    display: block;
  }
  .sweetheart-container img.mobile {
    display: none;
  } 
}
.sweetheart-container .wpb_content_element {
  position: relative;
}
.sweetheart-container .btn {
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .sweetheart-container .btn {
    padding: 14px 10px!important;
    font-size: 14px!important;
    left: 2%;
    bottom: 20%;
  } 
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .sweetheart-container .btn {
    padding: 14px 10px!important;
    font-size: 14px!important;
    left: 3%;
    bottom: 20%;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1299px) {
  .sweetheart-container .btn {
    left: 3%;
    bottom: 18.5%;
    padding: 20px 16px!important;
  }
}
@media only screen and (min-width: 1300px) {
  .sweetheart-container .btn {
    left: 3%;
    bottom: 18.5%;
  }
}


</style>
<!-- end Simple Custom CSS and JS -->
