.open {
background: rgba(46, 204, 113, 0.12);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(39, 174, 96, 0.25);
color: #27ae60 !important;
font-weight: 600;
border-radius: 8px;
padding: 5px 14px 5px 34px;
position: relative;
margin: 0 6px;
display: inline-flex;
align-items: center;
font-size: 13px;
line-height: 1.4;
box-shadow:
0 2px 8px rgba(0,0,0,0.08),
inset 0 1px 1px rgba(255,255,255,0.6);
}
.open::before {
content: '';
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2327ae60'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21...
