/**
 * Like Button Styles
 *
 * Like/unlike button with heart icon and count.
 *
 * @package DrummerTube
 * @since 2.4.0
 */

.spt-like-wrap { display: inline-flex; align-items: center; gap: .5rem; }

.spt-like-btn {
	cursor: pointer;
	border: 1px solid var(--dt-text-secondary, #ddd);
	background: var(--dt-text-primary, #fff);
	padding: .35rem .6rem;
	border-radius: 999px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	gap: .4rem;
}

.spt-like-btn.is-liked { border-color: #f33; color: #f33; }
.spt-like-btn.spt-like-loading { opacity: .6; cursor: progress; }
.spt-like-btn .spt-like-icon { width: 1em; height: 1em; display: inline-block; }
.spt-like-count { font-weight: 600; }