fix(buttons): переделаны кнопки под реальный сайт oclinica.ru

Анализ CSS сайта (style.css темы clinic_bootstrap_mobile) выявил
4 реальных типа кнопок — заменены ранее придуманные варианты:

- primary  → коралловый #FFA39C + shadow (форм-сабмит «Запишите меня!»)
- outline  → белый + бежевая рамка #BF9975 («Записаться на прием»)
- teal     → бирюзовый #60959c («Позвонить»)
- pill     → кремовый #e9e4d4 + radius 25px («Заказать звонок»)

Удалены: secondary, ghost, danger (не существуют на реальном сайте)
Добавлен раздел «CSS с сайта» с точными значениями
Добавлена таблица «Где применяется» с реальными CSS-классами сайта
LLM-блок обновлён до v2.0

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/web/app/globals.css

@@ -68,14 +68,46 @@ body {
 .bb-btn:disabled                  { cursor: not-allowed; opacity: 0.5; }
 .bb-btn:focus-visible             { outline: 2px solid var(--brand-053m); outline-offset: 2px; }
 
-.bb-btn-sm { font-size: 13px; padding: 5px 12px;   border-radius: 6px;  border: 1.5px solid transparent; }
-.bb-btn-md { font-size: 14px; padding: 8px 18px;   border-radius: 8px;  border: 1.5px solid transparent; }
-.bb-btn-lg { font-size: 16px; padding: 12px 26px;  border-radius: 10px; border: 1.5px solid transparent; }
+/* Размеры — только padding и font-size, radius задаётся вариантом */
+.bb-btn-sm { font-size: 13px; padding: 4px 11px;  border: 1px solid transparent; }
+.bb-btn-md { font-size: 14px; padding: 8px 16px;  border: 1px solid transparent; }
+.bb-btn-lg { font-size: 18px; padding: 10px 24px; border: 1px solid transparent; font-weight: bold; }
 
-.bb-btn-primary   { background: var(--brand-073m); color: #fff;             border-color: var(--brand-073m); }
-.bb-btn-secondary { background: transparent;        color: var(--brand-073m); border-color: var(--brand-073m); }
-.bb-btn-ghost     { background: transparent;        color: var(--brand-073m); border-color: transparent;       }
-.bb-btn-danger    { background: #dc2626;            color: #fff;             border-color: #dc2626;           }
+/* Варианты — цвета и радиус по реальному сайту oclinica.ru */
+
+/* primary — коралловая форм-кнопка «Запишите меня!» */
+.bb-btn-primary {
+  background: #FFA39C;
+  color: #fff;
+  border-color: #FF847B;
+  border-radius: 7px;
+  font-weight: bold;
+  box-shadow: 0px 0px 5px rgba(0,0,0,0.4), 0px 3px 5px rgba(0,0,0,0.25);
+}
+
+/* outline — белая с бежевой рамкой «Записаться на прием» */
+.bb-btn-outline {
+  background: #fff;
+  color: #BF9975;
+  border-color: #BF9975;
+  border-radius: 7px;
+}
+
+/* teal — бирюзовая «Позвонить» */
+.bb-btn-teal {
+  background: #60959c;
+  color: #fff;
+  border-color: transparent;
+  border-radius: 7px;
+}
+
+/* pill — кремовая таблетка «Заказать звонок» */
+.bb-btn-pill {
+  background: #e9e4d4;
+  color: #333;
+  border-color: #d5cfbd;
+  border-radius: 25px;
+}
 
 /* ─── Форм-контролы (Sprint 3) ───────────────────────────────── */
 .bb-input,