.membership-badge-slot{
  display:inline-flex;
  min-height:24px;
  align-items:center;
}

.membership-badge{
  display:inline-flex;
  min-height:24px;
  align-items:center;
  justify-content:center;
  padding:3px 9px;
  color:#244332;
  background:rgba(247,244,234,.78);
  border:1px solid rgba(55,91,68,.26);
  border-radius:999px;
  font:600 12px/1.2 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:.3px;
  white-space:nowrap;
}

.membership-badge[data-access="free"]{
  color:#23513a;
  background:rgba(231,244,233,.86);
}

.membership-badge[data-access="member"]{
  color:#6d321f;
  background:rgba(252,239,226,.9);
  border-color:rgba(151,77,43,.28);
}

.membership-badge[data-access="mixed"]{
  color:#57431e;
  background:rgba(249,243,220,.88);
  border-color:rgba(132,104,43,.28);
}

.membership-link{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  color:inherit;
  border:1px solid rgba(255,255,255,.38);
  border-radius:12px;
  text-decoration:none;
  white-space:nowrap;
}

@media(max-width:768px){
  .membership-badge{
    min-height:22px;
    padding:2px 8px;
    font-size:11px;
  }
}