/* Optional: Additional CSS for customization */
    .editar-versiculo-button {
        position: fixed;
        bottom: 17%;
        right: 0;
        transform: translateY(70%);
        opacity: 0.9; /* 80% transparent */
        background-color: #ffca2c;
    }
    /* Adjust icon color to white */
    .editar-versiculo-button .fa-pencil {
        color: rgb(0, 0, 0);
    }
    /* Define the On Hover behavior */
    .editar-versiculo-button:hover {
        color: white;
        background-color: #ffca2c;
    }