/* Extracted from index.html */
body {
  margin: 0;
  background-color: #fff;
  display: flex;
  justify-content: center;
}

.container {
  position: relative;
  max-width: 1440px;
  width: 100%;
  aspect-ratio: 1440 / 2542;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.hotspot {
  position: absolute;
  /* background: rgba(255, 0, 0, 0.2); */
  display: block;
}

.btn-lang-pt {
  top: 16px;
  right: 340px;
  width: 50px;
  height: 52px;
}

.btn-lang-en {
  top: 16px;
  right: 391px;
  width: 50px;
  height: 52px;
}

.btn-meio {
  top: 49.1%;
  left: 27.7%;
  transform: translateX(-50%);
  width: 380px;
  height: 67px;
}

.btn-final {
  bottom: 16.75%;
  left: 36.7%;
  transform: translateX(-50%);
  width: 328px;
  height: 70px;
}

@media (max-width: 768px) {
  .container {
    aspect-ratio: 393 / 1829;
    background-image: url("images/greenbudz_mobi_en.png");
    max-width: 393px;
  }

  .btn-lang-pt {
    top: 21px;
    right: 12px;
    width: 38px;
    height: 40px;
  }

  .btn-lang-en {
    top: 21px;
    right: 55px;
    width: 38px;
    height: 40px;
  }

  .btn-meio {
    top: 1040px;
    left: 208px;
    width: 350px;
    height: 70px;
  }

  .btn-final {
    bottom: 198px;
    left: 268px;
    width: 169px;
    height: 50px;
  }
}