.boton-registro{
    background-color: #00b0a0;
    display: inline-block;
    width: 188px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 10px 25px;
    margin: 4px 2px;
    border-radius: 10px;
    border-color: #00b0a0;
}
.boton-registro:hover{
    color: #fff;
}
.reenvio1{
    color: #fff;
}
.reenvio1:hover{
    color: #03e6f7;
}

.reenvio:hover{
    color: #302f2f;
}

.boton-registro1{
    background-color: #9e322a;
    display: inline-block;
    width: 150px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 10px 25px;
    margin: auto;
    border-radius: 10px;
    border-color:#fff;
    cursor: pointer;
}
.boton-registro1:hover{
    color: #fff;
}

.inicio-sesion{
    background-color: #4e4545;
    display: inline-block;
    width: 150px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 10px 25px;
    margin: auto;
    border-radius: 10px;
    border-color: #fff;
    cursor: pointer;
}
.inicio-sesion:hover{
    color: #fff;
}

.agregarpaso{
    background-color: #00b0a0;
    display: inline-block;
    width: 30px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 5px 10px;
    margin: 4px 2px;
    border: none;
}
.agregar{
    background-color: #00b0a0;
    display: inline-block;
    width: 30px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 5px 10px;
    margin: 4px 2px;
    border: none;
}
.reg-receta{
    background-color: #00b0a0;
    display: inline-block;
    width: 188px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 10px 25px;
    margin: 4px 2px;
    border-radius: 10px;
    border-color: #00b0a0;
}
.reg-receta:hover{
    color: #fff;
}

.cta-btn{
    background-color: #222424;
    display: inline-block;
    width: 188px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 10px 25px;
    margin: 4px 2px;
    border-radius: 10px;
    border-color: #222424;
}
.cta-btn:hover{
    color: #fff;
}
.boton-eliminar{
    background-color: #504e4e;
    display: inline-block;
    width: 120px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 5px 10px;
    margin: 4px 2px;
    border-radius: 10px;
    border-color: #504e4e;
}
.boton-eliminar:hover{
    color: #fff;
}
.boton-borrar{
    background-color: #504e4e;
    display: inline-block;
    width: 170px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 5px 10px;
    margin: 4px 2px;
    border-radius: 10px;
    border-color: #504e4e;
}
.boton-borrar:hover{
    color: #fff;
}
.btn-flotante {
	font-size: 16px; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #00b0a0; /* Color de fondo */
	padding: 9px 10px; /* Relleno del boton */
	position: fixed;
	bottom: 14px;
	right: 70px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.btn-flotante:hover {
	background-color: #00b0a0; /* Color de fondo al pasar el cursor */
	color: #fff;
	transform: translateY(-7px);
}
.btn-ayuda1 {
	font-size: 0px; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 100px; /* Borde del boton */
	letter-spacing: 0px; /* Espacio entre letras */
	background-color: #00b0a0; /* Color de fondo */
	padding: 9px 10px; /* Relleno del boton */
	position: fixed;
	bottom: 64px;
	right: 5px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.btn-ayuda1:hover {
	background-color: #00b0a0; /* Color de fondo al pasar el cursor */
	color: #fff;
	transform: translateY(-7px);
}
.boton-validar{
    background-color: #00b0a0;
    display: inline-block;
    width: 250px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 10px 25px;
    margin: 4px 2px;
    border-radius: 10px;
    border-color: #00b0a0;
}