/* 공통 UI — 버튼 */
.btn-primary, .btn-secondary { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 500; transition: background-color 0.15s ease, border-color 0.15s ease; }
.btn-primary { border: 0; background-color: var(--color-primary); color: var(--color-neutral-1); }
.btn-primary:hover { background-color: var(--color-neutral-7); }
.btn-primary:focus { outline: none; box-shadow: 0 0 0 4px var(--color-neutral-3); }
.btn-secondary { border: 1px solid var(--color-neutral-3); background-color: var(--color-neutral-1); color: var(--color-primary); }
.btn-secondary:hover { background-color: var(--color-bg-2); }
.btn-secondary:focus { outline: none; box-shadow: 0 0 0 4px var(--color-bg-2); }

/* 라인 버튼 — VIEW MORE · FOLLOW 등 */
.btn-line { display: inline-flex; align-items: center; justify-content: center; width: 160px; height: 40px; padding: 0 20px; border: 0.4px solid var(--color-neutral-7); background: none; font-size: 14px; line-height: 1; text-transform: uppercase; color: var(--color-neutral-4); transition: color 0.3s ease, background-color 0.3s ease; }
a.btn-line:hover { background-color: var(--color-neutral-7); color: var(--color-neutral-1); }