.widget-chat {
	position: fixed;
	right: 1rem;
	bottom: 1.5rem;
	z-index: 99999;
}
.widget-chat .chat-wrapper {
	background-color: #294783;
	border-radius: 50%;
	padding: 12px;
	position: absolute;
	bottom: 0;
	right: 0;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	cursor: pointer;
}
.widget-chat .chat-wrapper .toggle-icon {
	background-image: url(./assets/images/message-chat.svg);
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: center;
	width: 35px;
	height: 35px;
    display: block;
}
.widget-chat .chat-wrapper .toggle-icon.close-widget {
	background-image: url(./assets/images/close-chat-widget.svg);
}
.widget-chat .social-chat-wrapper {
	position: relative;
	opacity: 0;
	transition: opacity 0.5s;
	display: none;
}
.widget-chat.open .social-chat-wrapper {
	opacity: 1;
	display: flex;
}
.widget-chat .social-chat-wrapper .chat-content {
	position: absolute;
	bottom: 80px;
	right: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.widget-chat .chat-content .chat-button {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	opacity: 0;
	visibility: hidden;
	top: 20px;
	position: relative;
	transition: opacity 0.3s ease, top 0.3s ease;
}
.widget-chat .chat-content .chat-button img {
	width: 40px;
}