.feedback-widget-wrapper {
	position: fixed;
	bottom: 60px;
	right: 20px;
	z-index: 999999;

	.message-link {
		position: relative;
		display: block;
		width: 64px;
		height: 64px;
		background-image: url(../call_widget_in_the_right_corner/images/message.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		opacity: 0.9;
		transition: opacity 0.3s ease;
		animation: swing 3s cubic-bezier(0.5, 0.15, 0.5, 0.85) infinite;
		cursor: pointer;

		&:hover {
			opacity: 1;
		}
	}

	.feedback-widget-overlay {
		display: none;
		border-radius: 10px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
		padding: 20px;
		background: white url(../call_widget_in_the_right_corner/images/msg.svg) no-repeat right bottom;
		background-size: contain;
		bottom: 60px;
		right: 20px;
		width: 260px;

		.feedback-widget-content {
			position: relative;

			.close-btn {
				position: absolute;
				top: -15px;
				right: -15px;
				font-size: 20px;
				width: 20px;
				cursor: pointer;
				height: 20px;
				font-weight: bold;
				color: #666;
				text-align: center;
			}
		}


		.social-icons .phone-link,
		.social-icons .whatsapp-link,
		.social-icons .tg-link {
				width: 54px;
				height: 54px;
				display: inline-block;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
				opacity: 0.9;
				margin-right: 12px;

				&:hover {
					opacity: 1;
				}
			}

		.social-icons .phone-link {
				background-image: url(./images/phone.png);

			}

		.social-icons .tg-link {

				background-image: url(./images/telegram.svg);


			}

		.social-icons .whatsapp-link {

				background-image: url(./images/whatsapp.png);


			}

		.social-icons .ajax-progress {
				display: none !important;
			}

	}
}

.pulse-ring {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #03bb26;
	border-radius: 50%;
	opacity: 0.6;
	pointer-events: none;
	animation: pulse-ring 2s infinite;
	z-index: -1;
}

/* Анимация "качания" (вместо полного вращения) */
@keyframes swing {
	0% {
		transform: rotate(30deg);
	}
	50% {
		transform: rotate(-30deg);
	}
	100% {
		transform: rotate(30deg);
	}
}

/* Анимация пульсации */
@keyframes pulse-ring {
	0% {
		transform: scale(1);
		opacity: 0.6;
	}
	50% {
		transform: scale(1.4);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}