.button-container {
    text-align: center;
    margin-top: 10px;
}

#happy-button,
#neutral-button,
#aqua-button,
#summer-button,
#ar-button,
#switch-model-button {
    display: block;
    margin: 10px auto; /* Centrar horizontalmente */
    padding: 10px 20px;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    width: 150px; /* Ajusta el tamaño según sea necesario */
}


#contador{
  width: 400px;
  height: 50px;
  background-color: #314136;
  color: white;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 20px;
  right: 20px;
  border-radius: 5px;
}

#ar-button {
    background-color: #314136;
    color: white;
}

#happy-button {
    background-color: #393939; /* Rojo */
    color: white;
}

#neutral-button {
    background-color: #E78200; /* Amarillo */
    color: #333333;
    color: white;
}

#aqua-button {
    background-color: #0000ff; /* Azul */
    color: white;
}

#summer-button {
    background-color: #ffa500; /* Naranja */
    color: white;
}

#ar-button:hover,
#happy-button:hover,
#neutral-button:hover,
#aqua-button:hover,
#summer-button:hover {
    background-color: #314136;
}

#ar-button:active,
#happy-button:active,
#neutral-button:active,
#aqua-button:active,
#summer-button:active {
    background-color: #314136;
}