展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。

前一步與本步驟沒有實質差異。

本步驟不需修改此語言。

:root { --brand: #0c7656; --space: 18px; }
.work-card__button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 10px 18px; border: 0; border-radius: 999px; background: #0c7656; color: #fff; font: inherit; font-weight: 800; text-decoration: none; cursor: pointer; }

:root { --color-brand: #0c7656; --color-ink: #17201d; --space-card: 24px; }
.work-card { padding: var(--space-card); color: var(--color-ink); }
.work-card__button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 10px 18px; border: 0; border-radius: 999px; background: var(--color-brand); color: #fff; font: inherit; font-weight: 800; text-decoration: none; cursor: pointer; }

本練習沒有這個檔案。

本步驟不需修改此語言。

本練習沒有這個檔案。

本步驟不需修改此語言。

1. 準備

   先重新整理本階段頁面，記住目前畫面，再開始操作。

2. 操作

   用 DevTools Styles 查看卡片間距與按鈕背景，確認分別來自 --space-card 與 --color-brand。

3. 預期

   卡片間距與按鈕品牌色由具名變數控制