.slk-google-widget {
display: inline-flex;
flex-direction: column;
align-items: center;
padding: 0;
background: transparent;
border: none;
text-decoration: none !important;
text-align: center;
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
Arial, sans-serif;
transition: opacity 0.2s ease;
}
.slk-google-widget:hover {
opacity: 0.85;
} .slk-google-widget__logo-row {
margin-bottom: 4px;
}
.slk-google-widget__logo {
display: block;
width: 38px;
height: 38px;
object-fit: contain;
} .slk-google-widget__rating-row {
display: flex;
align-items: center;
gap: 4px; } .slk-google-widget__rating-value {
font-size: 12px;
font-weight: 700;
color: #000;
line-height: 1;
} .slk-google-widget__stars {
margin-bottom: 2px;
display: flex;
align-items: center;
justify-content: center;
gap: 1px;
}
.slk-google-widget__star {
display: inline-block;
width: 12px;
height: 12px;
object-fit: contain;
position: relative;
filter: brightness(1.1);
} .slk-google-widget__star--half {
opacity: 1;
clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}
.slk-google-widget__star--half::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23dadce0"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>')
no-repeat center;
background-size: contain;
opacity: 0.3;
z-index: -1;
} .slk-google-widget__star--empty {
opacity: 0.3;
filter: grayscale(100%);
} .slk-google-widget__reviews {
margin-top: 0;
height: 16px;
}
.slk-google-widget__reviews-count {
font-size: 12px;
color: #1a73e8;
line-height: 1.4;
text-decoration: none;
} @media (max-width: 767px) {
.slk-google-widget__logo {
width: 35px;
height: 35px;
}
.slk-google-widget__rating-value {
font-size: 10px;
}
.slk-google-widget__star {
width: 10px;
height: 10px;
}
.slk-google-widget__stars {
margin-bottom: 0;
}
.slk-google-widget__reviews-count {
line-height: 1.1;
font-size: 0;
margin-top: 5px;
color: transparent;
font-size: 9px;
color: #1a73e8;
}
}
@media (max-width: 367px) {
.slk-google-widget__rating-value {
font-size: 8px;
}
.slk-google-widget__star {
width: 8px;
height: 8px;
}
.slk-google-widget__reviews-count {
font-size: 7px;
}
}