.pill-button {
            background: #f7fafc;
            color: #2d3748;
            border: none;
            padding: 12px 24px;
            border-radius: 50px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.2s ease;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            margin-top: 10px;
            font-family: var(--gh-font-heading, var(--font-sans));
        }

        .pill-button:hover {
            background: #edf2f7;
            transform: translateY(-1px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }

        .pill-button:active {
            transform: translateY(0);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .arrow {
            font-size: 18px;
            transition: transform 0.2s ease;
        }

        .pill-button:hover .arrow {
            transform: translateX(2px);
        }


         .pill-button-2 {
            background: #f7fafc;
            color: #2d3748;
            border: none;
            padding: 12px 24px;
            border-radius: 50px;
            border: solid 1px black;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.2s ease;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            margin-top: 10px;
        }