:root {
  --primary-color: #0c2577;
  --accent-color: #4088ee;
  --black-color: #222;
  --candidate-color: #7AAE1A;
  --recruiter-color: #D54500;
  --offwhite-color: #f5f5f5;
  --muted-color: #8E97A4;
  --border-color: #DCDFE2;
}
.custom-mex-badge {
display: inline-block;
vertical-align: middle;
padding: 0.1875rem 0.375rem 0.25rem;
border: 1px solid #b3b9c1;
border-radius: 0.1875rem;
background-color: #eef0f1;
color: #222222;
font-weight: 600;
font-size: 10px;
line-height: 12px;
text-decoration: none;
text-transform: uppercase;
margin-right: 3px;
}
.custom-mex-badge--accent {
background: #D9E7FC;
border-color: var(--accent-color);
}
.custom-mex-badge--white {
background: #ffffff;
}