.boton-personalizado {
    background-color: #ff6b35 !important;
    background: linear-gradient(135deg, #ff6b35, #e55a2b) !important;
    border: 2px solid #ff6b35 !important;
    color: white !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.boton-personalizado:hover {
    background-color: #d44820 !important;
    background: linear-gradient(135deg, #d44820, #c44020) !important;
    border-color: #d44820 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4) !important;
}

.boton-personalizado:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.3) !important;
}

.boton-personalizado:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.3) !important;
}