/* ===== Appota Contact Buttons — Frontend ===== */
.appota-cb-stack {
	position: fixed;
	z-index: 9998;            /* dưới các modal toàn màn hình, trên nội dung thường */
	display: flex;
	flex-direction: column;
	gap: 12px;
	pointer-events: none;     /* chỉ các nút mới bắt sự kiện, vùng trống thì không */
}
.appota-cb-stack--right { align-items: flex-end; }
.appota-cb-stack--left  { align-items: flex-start; }

.appota-cb-btn {
	pointer-events: auto;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.10), 0 1px 4px rgba(12, 12, 13, 0.05);
	transition: transform .18s ease, box-shadow .18s ease;
	-webkit-tap-highlight-color: transparent;
	line-height: 0;
}
.appota-cb-btn:hover,
.appota-cb-btn:focus-visible {
	transform: translateY(-2px) scale(1.05);
	box-shadow: 4px 6px 18px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(12, 12, 13, 0.05);
	outline: none;
}
.appota-cb-btn:active { transform: scale(0.97); }

.appota-cb-btn__icon {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	pointer-events: none;
}

/* Hiệu ứng "rung" nhẹ định kỳ cho nút điện thoại để thu hút chú ý. */
@keyframes appota-cb-ring {
	0%, 92%, 100% { transform: rotate(0); }
	94% { transform: rotate(-12deg); }
	96% { transform: rotate(12deg); }
	98% { transform: rotate(-8deg); }
}
@media (prefers-reduced-motion: no-preference) {
	.appota-cb-btn--phone .appota-cb-btn__icon {
		animation: appota-cb-ring 3.2s ease-in-out infinite;
		transform-origin: 50% 50%;
	}
}

/* Trên màn nhỏ thu nhỏ nút một chút cho gọn. */
@media (max-width: 480px) {
	.appota-cb-btn, .appota-cb-btn__icon { width: 52px; height: 52px; }
}