section.evaluation {
text-align: center;
}
section.evaluation div {
display: inline-block;
position: relative;
max-width: 100%;
padding: 16px 57px;
height: 67px;
}
@media (max-width: 400px) {
section.evaluation div {
padding: 16px 48px;
}
}
section.evaluation div::before,
section.evaluation div::after {
content: ' ';
display: block;
position: absolute;
top: 16px;
bottom: 16px;
width: 18px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
}
section.evaluation div::before {
left: 16px;
}
section.evaluation div::after {
right: 16px;
transform: scaleX(-1);
}
section.evaluation div .star {
display: inline-block;
width: 16px;
height: 35px;
background-image: url('data:image/svg+xml, ');
background-repeat: no-repeat;
background-position: center;
}
section.evaluation div .logo {
display: inline-block;
width: 20px;
height: 35px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-right: 8px;
}
section.evaluation div span {
display: block;
height: 35px;
line-height: 35px;
float: right;
margin-left: 8px;
}