/* ============================================================
   Chat Button Widget – Styles
   ============================================================ */

.cb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	font-weight: 600;
	line-height: 1;
	transition: background-color 250ms ease, transform 150ms ease, box-shadow 250ms ease;
}

.cb-btn:hover {
	transform: translateY(-1px);
}

.cb-btn:active {
	transform: translateY(0);
}

.cb-btn.cb-icon-right {
	flex-direction: row-reverse;
}

.cb-btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}