html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.floating-button {
    position: fixed;
    bottom: 20px; /* Defina a distância do botão ao fundo da página */
    right: 20px; /* Defina a distância do botão ao lado direito da página */
    z-index: 1000; /* Certifique-se de que o botão flutuante esteja acima de outros elementos */
}

    .floating-button button {
        background-color: #007bff; /* Cor de fundo do botão */
        color: #fff; /* Cor do texto do botão */
        border: none; /* Remova a borda do botão */
        padding: 10px 20px; /* Espaçamento interno do botão */
        border-radius: 5px; /* Borda arredondada do botão */
        cursor: pointer; /* Altere o cursor ao pairar sobre o botão */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Sombra do botão */
    }

        .floating-button button:hover {
            background-color: #0056b3; /* Cor de fundo do botão ao passar o mouse */
        }