.btn-flotante {
font-size: 16px; /* Cambiar el tamaño de la tipografia */
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: #6fe91e; /* Color de fondo */
padding: 18px 30px; /* Relleno del boton */
position: fixed;
bottom: 40px;
right: 40px;
transition: all 300ms ease 0ms;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
z-index: 99;
text-decoration: none;
}
.btn-flotante:hover {
background-color: #f70743;
transform: translateY(-7px);
}

@media only screen and (max-width: 600px) {
.btn-flotante {
font-size: 14px;
padding: 12px 20px;
bottom: 20px;
right: 20px;
}
}





svg{
    width: 25px;
    height: 25px;
}
#scrollBtn{
    position: fixed;
    bottom: 20px;
    right: 20px;
    border: none;
    outline: none;
    background-color: rgb(85, 85, 85);
    cursor: pointer;
    color: white;
    padding: 15px;
    border-radius: 50%;
}
#scrollBtn:hover{
    background-color: rgb(0, 115, 0);
}

@media only screen and (max-width: 600px) {
#scrollBtn {
font-size: 14px;
padding: 7px 10px;
bottom: 100px;
right: 40px;
}
}






/* Botón Subir */
.toTop {
  border: none;
  display: flex;
  cursor: pointer;
  transition: opacity 0.3s, transform 0.3s;
  /* posición */
  position: fixed; right: 1rem; bottom: 1rem; z-index: 9999;
}
.toTop:not(.is-visible) {
  pointer-events: none;
  opacity: 0;
  transform: translateY(-2rem);
}
.toTop svg {
  stroke-width: 3px;
  stroke: currentColor;
  fill: none;
  width: 24px;
}
/* Personalizar */
.toTop {
  background-color: #252525;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: #fff;
}


.back-to-top {
  position: fixed;
  bottom: 0;
  right: 0;
  display: inline-block;  
  padding: 1em;
  margin: 1em;
  background: #E8E8E8;
  border: 2px solid #000;
}
.back-to-top:hover {
  cursor: pointer;
}








.btn-flotante2 {
font-size: 16px; /* Cambiar el tamaño de la tipografia */
font-weight: bold; /* Fuente en negrita o bold */
color: #ffffff; /* Color del texto */
border-radius: 8px; /* Borde del boton */
letter-spacing: 2px; /* Espacio entre letras */
background-color: #6fe91e; /* Color de fondo */
padding: 8px 15px; /* Relleno del boton */
position: fixed;
bottom: 150px;
right: 50px;
transition: all 300ms ease 0ms;
box-shadow: 0px 8px 15px rgba(255, 255, 255, 0.1);
z-index: 99;
text-decoration: none;
}
.btn-flotante2:hover {
background-color: #6fe91e;
transform: translateY(-7px);
}

@media only screen and (max-width: 600px) {
.btn-flotante2 {
font-size: 14px;
padding: 7px 10px;
bottom: 100px;
right: 20px;
}
}