.renotify-social-proof-container {
    position: fixed;
    bottom: 1.25rem;
    left: 1.25rem;
    background-color: #fff;
/*     border-radius: 0.625rem; */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    animation: slide-in 0.3s ease-out;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 1rem;
	max-width:28.75rem;
	z-index:100;
}

.renotify-social-proof-container .text{
	font-size: 16px;
	word-break: break-word;
}

label.edit-items.social-proof_position div{
	display: flex;
	gap: 0.625rem;
}

.edit-page-preview-container .renotify-social-proof-container{
	position:absolute !important;
	display: flex;
/* 	align-items: flex-start; */
	max-width: 12.813rem;
}

.renotify-social-proof-container.right{
	 left: unset;
	right : 3.125rem;
}
.renotify-social-proof-rating {
    display: inline-flex;
    gap: 0.125rem;
}
.renotify-social-proof-icon{
	height: 3.375rem;
}
.renotify-social-proof-icon i {
    color: #ddd;
}
.renotify-social-proof-icon.right{
	order:2;
}

.edit-page-preview-container {
    position: relative;
}
.renotify-social-proof-review-count {
    margin-left: 0.313rem;
    font-size: 0.75rem;
    opacity: 0.8;
}
.renotify-social-proof-countdown {
    font-size: 0.75rem;
    opacity: 0.8;
    margin-top: 0.313rem;
}
img.renotify-social-proof-avatar {
    width: 3.375rem;
    height: 3.375rem;
	max-width:unset;
}
img.renotify-social-proof-avatar.round{
 border-radius: 50%; 	
}

.renotify-social-proof-text .text{
	margin: 0;
/*     color: #6A6A6A; */
/*     font-size: 0.875rem; */
}

.renotify-social-proof-text p:first-child{
	margin-top: 0;
}

.renotify-social-proof-text p:last-child{
	margin-bottom: 0;
}

.renotify-social-proof-close-button {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 0.875rem;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.renotify-social-proof-close-button:hover {
    opacity: 1;
}
@keyframes slide-in {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}



/* desk style */

@media screen and (min-width: 992px){
	
	.renotify-social-proof-container{
		left: 3.125rem;
		bottom: 4.125rem;
	}
	
	.edit-page-preview-container .renotify-social-proof-container{
		max-width: 22.188rem;
	}

}