/* HM Social Login — Frontend CSS */
.hm-social-buttons { display:flex; gap:10px; margin:1em 0; }
.hm-social-buttons.layout-column { flex-direction:column; }
.hm-btn { text-decoration:none; padding:10px 16px; font-weight:500; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; }
.hm-btn .hm-icon { margin-right:6px; font-weight:bold; }
.hm-brand.hm-google { background:#fff; color:#000; border:1px solid #ddd; }
.hm-brand.hm-microsoft { background:#2F2F2F; color:#fff; }
.hm-brand.hm-apple { background:#000; color:#fff; }

.hm-neutral { background:#f3f4f6; color:#111; border:1px solid #e5e7eb; }

.hm-s { font-size:13px; }
.hm-m { font-size:15px; }
.hm-l { font-size:18px; padding:14px 20px; }

.hm-square { border-radius:0; }
.hm-rounded { border-radius:6px; }
.hm-pill { border-radius:9999px; }