#uviazto-ssg-root {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 999999;
font-family: inherit;
}
.uviazto-ssg-card {
width: min(360px, calc(100vw - 32px));
background: #ffffff;
color: #14251b;
border: 1px solid rgba(20, 37, 27, .10);
border-radius: 18px;
box-shadow: 0 14px 45px rgba(0,0,0,.16);
overflow: hidden;
transform: translateY(12px);
opacity: 0;
pointer-events: none;
transition: opacity .22s ease, transform .22s ease;
}
.uviazto-ssg-card.is-visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.uviazto-ssg-head {
display: flex;
align-items: center;
gap: 10px;
padding: 14px 16px 10px;
font-weight: 800;
font-size: 15px;
}
.uviazto-ssg-dot {
width: 10px;
height: 10px;
border-radius: 999px;
background: var(--uviazto-ssg-primary, #4f7d3a);
box-shadow: 0 0 0 6px rgba(79,125,58,.12);
}
.uviazto-ssg-body {
padding: 0 16px 14px;
font-size: 14px;
line-height: 1.45;
}
.uviazto-ssg-actions {
display: flex;
gap: 8px;
padding: 0 16px 16px;
}
.uviazto-ssg-btn {
appearance: none;
border: 0;
border-radius: 999px;
padding: 11px 14px;
cursor: pointer;
font-weight: 800;
font-size: 13px;
text-decoration: none;
text-align: center;
}
.uviazto-ssg-btn-primary {
background: var(--uviazto-ssg-primary, #4f7d3a);
color: #fff;
flex: 1;
}
.uviazto-ssg-btn-secondary {
background: #f4f6f2;
color: #233126;
}
.uviazto-ssg-close {
margin-left: auto;
background: transparent;
border: 0;
cursor: pointer;
font-size: 20px;
line-height: 1;
color: #5a665d;
}
@media (max-width: 680px) {
#uviazto-ssg-root {
right: 10px;
left: 10px;
bottom: 12px;
}
.uviazto-ssg-card {
width: 100%;
border-radius: 16px;
}
}