body {
  font-family: 'Inter', sans-serif;
  background-color: #f0f2f5;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
  flex-direction: column;
}

.bunq-logo-svg {
  width: 700px;
  /* height: auto; */
  height: 700px;
  margin-bottom: 3rem;
  position: relative;
  left: 18px;
}

/* A transição agora aplica-se ao atributo 'transform' do SVG */
#bunqTextGroup {
  transition: transform 0.4s ease-in-out;
}

.bunq-text text {
  /* Seletor para o elemento <text> dentro do grupo com classe .bunq-text */
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  fill: #4CAF50;
}

.bunq-q-dot {
  fill: #FFC107;
}

.coming-soon-text {
  font-size: 1.8rem;
  font-weight: 700;
  color: #FFC107;
  margin-top: 0;
}

@media (max-width: 768px) {
  .bunq-logo-svg {
    width: 400px;
    height: 400px;
    margin-bottom: 6rem;
  }

  .coming-soon-text {
    font-size: 1.4rem;
  }
}

@media (max-width: 480px) {
  .bunq-logo-svg {
    width: 300px;
    height: 300px;
    margin-bottom: 4rem;
  }

  .coming-soon-text {
    font-size: 1.2rem;
  }
}