.job-card {
  overflow: hidden;
  background: var(--ms-color-background);
  transition: border-color var(--ms-duration-fast) var(--ms-easing-standard), background-color var(--ms-duration-fast) var(--ms-easing-standard);
}

.job-card:not(.job-card--selected) {
  border-color: var(--ms-color-border);
}

.job-card:not(.job-card--selected):hover {
  border-color: color-mix(in srgb, var(--ms-color-foreground) 20%, transparent);
}

.job-card--selected {
  border-color: color-mix(in srgb, var(--ms-color-primary) 60%, transparent);
  background: color-mix(in srgb, var(--ms-color-primary) 5%, transparent);
}

.job-card__body {
  padding: 0;
}
