.card-link {
            display: inline-block;
            color: var(--text-primary);
            text-decoration: none;
            font-size: 0.85rem;
            padding: 0.6rem 1.2rem;
            background: linear-gradient(135deg, rgba(230, 57, 70, 0.2), rgba(212, 175, 55, 0.2));
            border-radius: 25px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(192, 192, 192, 0.2);
            -webkit-tap-highlight-color: transparent;
        }

        .card-link::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, var(--accent-red), var(--accent-gold));
            opacity: 0;
            transition: opacity 0.3s ease;
            border-radius: 25px;
        }

        .card-link span {
            position: relative;
            z-index: 1;
        }

        @media (hover: hover) and (pointer: fine) {
            .card-link:hover::before {
                opacity: 1;
            }

            .card-link:hover {
                transform: translateX(5px);
                box-shadow: 0 5px 20px rgba(230, 57, 70, 0.4);
                border-color: transparent;
            }
        }

        .card-link:active {
            transform: translateX(2px) scale(0.98);
        }