/* Estilo para los botones "Añadir al carrito" y "Realizar pedido" */
.single_add_to_cart_button,
#place_order, /* Botón de "Realizar pedido" en la página de finalizar compra */
#finalizar-compra { /* Botón de Elementor con ID personalizado */
    background-color: #FF0000 !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 15px 30px !important; /* Aumenta el tamaño del botón */
    font-size: 18px !important; /* Aumenta el tamaño de la fuente */
    font-weight: bold !important; /* Hace el texto más resaltado */
    text-transform: uppercase !important; /* Convierte el texto a mayúsculas */
    border-radius: 8px !important; /* Bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* Sombra para resaltarlo */
    transition: all 0.3s ease !important; /* Transición suave para el hover */
}

/* Hover para los botones */
.single_add_to_cart_button:hover,
#place_order:hover,
#finalizar-compra:hover {
    background-color: #CC0000 !important; /* Color más oscuro al pasar el mouse */
    color: #FFFFFF !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4) !important; /* Sombra más intensa al hover */
    transform: scale(1.05) !important; /* Efecto de agrandamiento al pasar el mouse */
}