.nav-links {
    display: flex;
    align-items: center;
    gap: 20px;
}

.nav-links a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.nav-links a:hover {
    color: var(--primary);
}

.pay-online-link {
    color: var(--primary) !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    background-color: rgba(74, 108, 247, 0.1) !important;
    border-radius: 6px !important;
    animation: eye-catching 2s infinite;
    position: relative;
}

.pay-online-link:hover {
    background-color: rgba(74, 108, 247, 0.2) !important;
}

@keyframes eye-catching {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(74, 108, 247, 0.4);
    }
    25% {
        transform: scale(1.05);
    }
    50% {
        transform: scale(1);
        box-shadow: 0 0 0 8px rgba(74, 108, 247, 0);
    }
    75% {
        transform: scale(1.03);
    }
}