* {
  box-sizing: border-box;
}

/* Equal width */
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  background-color: white;
  cursor: pointer;
    
}

/* Add gutters */
.col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: white;
}

.text {
  font-size:28px;
  font-family:helvetica;
  font-weight:bold;
  color:#71d90b;
  text-transform:uppercase;
}

.no-underline {
  text-decoration: none !important; 
}

.emoji-btn {
  font-size: 24px;
  background: none;        /* Sin fondo */
  border: none;            /* Sin borde */
  padding: 5px 10px;
  cursor: pointer;
  transition: transform 0.2s ease;  /* Efecto de animación */
  display: inline-block;
  text-align: center;
}

.emoji-btn:hover {
  transform: scale(1.2); /* Efecto de agrandado al pasar el cursor */
}