.follow-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	border-radius: 20px;
	font-size: 0.875rem;
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
	border: 1px solid transparent;

	&--default {
		background: #3b82f6;
		color: #fff;

		&:hover:not(:disabled) {
			background: #2563eb;
		}
	}

	&--following {
		background: transparent;
		color: var(--fg-default, #0f0f0f);
		border-color: var(--border-default, #e5e7eb);

		&:hover:not(:disabled) {
			background: rgba(220, 38, 38, 0.08);
			color: #dc2626;
			border-color: rgba(220, 38, 38, 0.3);

			&::after {
				content: ' 해제';
			}
		}
	}

	&:disabled {
		opacity: 0.6;
		cursor: not-allowed;
	}
}