/* Estilos base */
.container_btn .btn-float .btn, 
.container_btn .btn-floatt .btn {
    text-decoration: none;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: -2px;
    background-color: #dc911b;
    padding: 15px 25px;
    border-radius: 5px;
    color: #fff;
    position: fixed;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
    z-index: 99999;
}

.container_btn .btn-float .btn:hover,
.container_btn .btn-floatt .btn:hover {
    color: #2c4479;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.5);
    transform: translateY(-7px);
}

/* Botón 1: Derecha */
.container_btn .btn-float .btn {
    right: 20px;    
    bottom: 85px; 
}

/* Botón 2: Izquierda */
.container_btn .btn-floatt .btn {
    left: 20px;    
    bottom: 85px; 
}

/* Ajustes para dispositivos móviles */
@media screen and (max-width: 768px) {
    .container_btn .btn-float .btn,
    .container_btn .btn-floatt .btn {
        font-size: 1.5rem; /* Tamaño del texto más pequeño */
        padding: 10px 15px; /* Espacio interno reducido */
        bottom: 20px; /* Posiciona los botones en la parte inferior */
        top: auto; /* Elimina el valor de top */
        width: 80%; /* Ocupa el 80% del ancho */
        left: 50%; /* Centra los botones */
        transform: translateX(-50%); /* Centrado perfecto */
    }

    /* Botón 1: Arriba */
    .container_btn .btn-float .btn {
        bottom: 80px; /* Espacio desde la parte inferior */
    }

    /* Botón 2: Abajo */
    .container_btn .btn-floatt .btn {
        bottom: 20px; /* Espacio desde la parte inferior */
    }
}