.crop-availability{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;line-height:1.4;padding:5px 9px;border-radius:100px;margin:3px 0 13px;color:#79530d;background:#fff4d9}
.availability-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.crop-availability[data-availability=available]{color:#21683c;background:#e8f5eb}
.crop-availability[data-availability=unavailable]{color:#5b616c;background:#eef0f3}