.default-button{
  position:relative;
  background-color: #00AAAA;
  cursor:pointer;
  transition: 0.3s;

  /* no selectable text (content?) */
  /* include internal components? */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none;     /* IE 10 and IE 11 */
   user-select: none;        /* Standard syntax */
}

.default-button:hover{background-color: #00CCCC;} /* Color on mouse-over */
.default-button:active{background-color: #00EEEE;} /* Color when mousedown (set always after hover) */
.default-button:disabled{background-color: #FF0000;} /* no hace nada */

/* ------------------------------------------------------------------------------------ */
.button-text {
  font-family: 'Play', sans-serif;
  font-size: 16px;
  color: white;
}

.animated-button{
  position:relative;
  background-color: #00AAAA;
  cursor:pointer;
  transition: 0.3s;
  min-height:50px;

  /* no selectable text (content?) */
  /* include internal components? */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none;     /* IE 10 and IE 11 */
   user-select: none;        /* Standard syntax */
}

.animated-button:hover{background-color: #00CCCC;} /* Color on mouse-over */
.animated-button:active{background-color: #00EEEE;} /* Color when mousedown (set always after hover) */
.animated-button:disabled {background-color: #FF0000;} /* no hace nada */

/* ------------------------------------------------------------------------------------ */

.animated-icon1-small {
  position:absolute;
  z-index: 1;

  border: 3px solid transparent;
  border-radius: 50%;
  border-top: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  width:12px;
  height:12px;

  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}