/* CSS BOTONES */
/* COLORES
COLOR PRINCIPAL: #5a3b72
 */

/* LOGIN */
/* BOTON INGRESAR============================================================ */
  .btn-ingresar {
    background-color: #30c972;
    color: #ffffff;
    border: none;
    padding-bottom: 1vh;
  }

  .btn-ingresar:hover {
    background-color: #1da15f;
    color: #ffffff;
    border: none;
  }

  .btn-ingresar:active {
    background-color: #1da15f;
    color: #ffffff;
    border: none;
    outline-color: #1da15f;
  }

  .btn-ingresar:focus {
    background-color: #1da15f;
    color: #ffffff;
    border: none;
    outline-color: #1da15f;
  }

/* BOTON REGISTRARSE============================================================ */
  .btn-registrarse {
    background-color: #5a3b72;
    color: #ffffff;
    border: none;
    padding-bottom: 1vh;
  }

  .btn-registrarse:hover {
    background-color: #432a5b;
    color: #ffffff;
    border: none;
  }

  .btn-registrarse:active {
    background-color: #432a5b;
    color: #ffffff;
    border: none;
    outline-color: #432a5b;
  }

  .btn-registrarse:focus {
    background-color: #432a5b;
    color: #ffffff;
    border: none;
    outline-color: #432a5b;
  }

/* BOTON PRINCIPAL============================================================ */
  .btn-primary {
    background-color: #5a3b72;
    color: #ffffff;
    border: none;
  }

  .btn-primary:hover {
    background-color: #432a5b;
    color: #ffffff;
    border: none;
  }

  .btn-primary:active {
    background-color: #432a5b;
    color: #ffffff;
    border: none;
    outline-color: #432a5b;
  }

  .btn-primary:focus {
    background-color: #432a5b;
    color: #ffffff;
    border: none;
    outline-color: #432a5b;
  }

/* BOTON INGRESAR============================================================ */
  .btn-secondary {
    background-color: #30c972;
    color: #ffffff;
    border: none;
  }

  .btn-secondary:hover {
    background-color: #1da15f;
    color: #ffffff;
    border: none;
  }

  .btn-secondary:active {
    background-color: #1da15f;
    color: #ffffff;
    border: none;
    outline-color: #1da15f;
  }

  .btn-secondary:focus {
    background-color: #1da15f;
    color: #ffffff;
    border: none;
    outline-color: #1da15f;
  }
  .btn-circle.btn-xl {
      width: 70px;
      height: 70px;
      padding: 10px 16px;
      border-radius: 35px;
      font-size: 24px;
      line-height: 1.33;
  }

  .btn-circle {
      width: 30px;
      height: 30px;
      padding: 6px 0px;
      border-radius: 15px;
      text-align: center;
      font-size: 12px;
      line-height: 1.42857;
  }