.project-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 12px;
}

    /* TD */
    .project-table td {
        padding: 9px 9px;
        display: inline-block;
    }

        /* Pill link */
        .project-table td a {
            display: block;
            padding: 12px 22px;
            background: #f3f3f3;
            border: 1px solid #e5e5e5;
            border-radius: 40px;
            font-size: 14px;
            font-weight: 600;
            color: #000;
            text-decoration: none;
            text-align: center;
            white-space: normal; /* allow wrap */
            transition: 0.3s;
        }

            .project-table td a:hover {
                background: #000;
                color: #fff;
                border-color: #000;
            }

/* 📱 MOBILE VIEW */
@media (max-width: 767px) {
    .project-table tr {
        display: block; /* break single row */
    }

    .project-table td {
        display: inline-block; /* wrap items */
        width: auto;
        margin: 6px;
    }

        .project-table td a {
            padding: 9px 9px;
            font-size: 13px;
        }
}