<style>
@import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap’);
.shawna-condition-wrap {
width: 100%;
font-family: ‘Poppins’, sans-serif;
box-sizing: border-box;
background: #fff;
}
.shawna-condition-block {
margin-bottom: 20px;
border-left: 4px solid #09c1bf;
padding-left: 20px;
position: relative;
}
.shawna-condition-block:last-child {
margin-bottom: 0;
}
.shawna-condition-label {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: ‘Poppins’, sans-serif;
font-size: 15px;
font-weight: 700;
color: #fff;
background: #000;
padding: 8px 18px;
border-radius: 6px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 12px;
}
.shawna-condition-label::before {
content: “”;
width: 10px;
height: 10px;
background: #09c1bf;
border-radius: 50%;
flex-shrink: 0;
}
.shawna-condition-list {
margin: 0;
padding: 0;
list-style: none;
}
.shawna-condition-list li {
font-family: ‘Poppins’, sans-serif;
font-size: 13px;
font-weight: 400;
color: #555;
line-height: 1.7;
padding: 7px 0 7px 22px;
position: relative;
border-bottom: 1px solid #f2f2f2;
}
.shawna-condition-list li:last-child {
border-bottom: none;
}
.shawna-condition-list li::before {
content: “—”;
position: absolute;
left: 0;
color: #09c1bf;
font-weight: 700;
}
</style>
<div class=”shawna-condition-wrap”>
<div class=”shawna-condition-block”>
<div class=”shawna-condition-label”>Good</div>
<ul class=”shawna-condition-list”>
<li>Visible scratches and possible dents. Technical condition is within the average according to Shawna Tech quality standards.</li>
<li>Battery Health is 85% and above</li>
<li>All devices on Shawna Tech are 100% tested in depth and functional.</li>
</ul>
</div>
<div class=”shawna-condition-block”>
<div class=”shawna-condition-label”>Very Good</div>
<ul class=”shawna-condition-list”>
<li>Light scratches, slightly visible from 20cm away. Technical condition is above the average according to Shawna Tech quality standards.</li>
<li>Battery Health is 90% and above</li>
<li>All devices on Shawna Tech are 100% tested in depth and functional.</li>
</ul>
</div>
<div class=”shawna-condition-block”>
<div class=”shawnatecondition-label”>Excellent</div>
<ul class=”shawna-condition-list”>
<li>Like new condition and appearance. Technical condition and durability (incl. battery) are the highest possible.</li>
<li>Battery Health is 95% and above</li>
<li>All devices on Shawna Tech are 100% tested in depth and functional.</li>
</ul>
</div>
</div>
