/* ============================================================
   yl-plugin-lp.css  v3.0
   ★ chatbot-lp.css の実コードをベースに ylulp- プレフィックスで再現
   ★ フォントサイズ・ライン・背景色・構造をすべて既存LPに合わせた
   アップロード先: /shop/wp-content/themes/wp-theme/assets/css/yl-plugin-lp.css
============================================================ */

/* ── ylplp- (デモボタン等) ── */
.ylplp-demo-wrap { margin-top: 16px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.ylplp-demo-btn { display: inline-block; background: #fff; color: #1a3a5c; font-size: 15px; font-weight: 700; padding: 12px 36px; border-radius: 50px; text-decoration: none; border: 2px solid #1a3a5c; transition: .2s; }
.ylplp-demo-btn:hover { background: #1a3a5c; color: #fff; }
.ylplp-demo-note { font-size: 13px; color: #6a8aaa; margin: 0; }