/* CTA flutuante no mobile, ocupando a posição tradicional do “voltar ao topo”. */
@media (max-width: 767px) {
  body > #root > div > div.fixed.bottom-4 {
    display: flex !important;
    left: auto !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    z-index: 60 !important;
  }

  body > #root > div > div.fixed.bottom-4 > button {
    width: auto !important;
    min-width: 132px;
    min-height: 52px;
    padding: 0 18px !important;
    border: 1px solid rgba(244, 242, 237, .38);
    border-radius: 999px !important;
    box-shadow: 0 10px 28px rgba(50, 44, 40, .28) !important;
    font-size: .7rem !important;
    letter-spacing: .14em !important;
    white-space: nowrap;
  }

  body > #root > div > div.fixed.bottom-4 > button:focus-visible {
    outline: 2px solid #f4f2ed;
    outline-offset: 3px;
  }
}

@media (max-width: 359px) {
  body > #root > div > div.fixed.bottom-4 > button {
    min-width: 124px;
    min-height: 48px;
    padding-inline: 15px !important;
    font-size: .66rem !important;
  }
}
