.btn-swap-custom, .btn-connect-custom {
    transition: all 0.3s ease-in-out !important;
    position: relative;
    overflow: hidden;
}

 
.btn-swap-custom:hover {
    background-color: #EB1616 !important;  
    color: #fff !important;
    transform: translateY(-0.5px);  
    box-shadow: 0 5px 15px rgba(243, 156, 18, 0.4);
}

 
.btn-connect-custom:hover {
    background-color: #EB1616 !important; 
    color: #fff !important;
    transform: translateY(-0.5px);
    box-shadow: 0 5px 15px rgba(243, 156, 18, 0.4);
    cursor: pointer;
}

 
.btn-swap-custom:active, .btn-connect-custom:active {
    transform: translateY(-1px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

  
    .btn-swap-custom, .btn-connect-custom {
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px !important;
        font-weight: 700;
        transition: all 0.3s ease;
        font-size: 13px;
        white-space: nowrap;
        padding: 0 15px;
    }

    .btn-swap-custom {
        border: 2px solid #f39c12 !important;
        color: #f39c12 !important;
        background: transparent;
    }

    .btn-connect-custom {
        background: #f39c12 !important;
        border: 2px solid #f39c12 !important;
        color: #000 !important;
        min-width: 140px; 
    }

    
    @media (max-width: 991px) {
        .lunzy-nav-buttons {
            display: flex !important;
            flex-direction: row !important; 
            flex-wrap: nowrap !important;
            justify-content: space-between !important;
            width: 100% !important;
            padding: 15px 0 !important;
            gap: 8px !important;  
        }

        .btn-swap-custom, .btn-connect-custom {
          
            flex: 1 1 0 !important; 
            min-width: 0 !important; 
            width: 100% !important;
            
          
            font-size: 10px !important; 
            letter-spacing: 0.5px;
            height: 40px !important;
            margin: 0 !important;
            padding: 0 5px !important;
        }

      
        .btn-connect-custom i {
            font-size: 10px !important;
            margin-left: 4px !important;
        }

        .navbar-collapse {
            text-align: center;
        }
    }