.jobs-item {
  border-top: 1px solid rgba(var(--color-foreground), 0.13);
  padding-block: 3.2rem;
}
.jobs-item__tag {
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 99px;
  padding-block: 0.3rem 0.4rem;
  padding-inline: 3.6rem 1.2rem;
  box-shadow: inset 0 0 0 1.5px rgba(var(--color-foreground), 0.13);
  font-size: 1.4rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}
.jobs-item__tag:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: 1.2rem;
  width: 0.8rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--color);
}
.jobs-item__title {
  color: rgba(var(--color-foreground), 0.7);
  transition: color 0.3s;
}
.jobs-item__apply a {
  color: rgba(var(--color-foreground), 0.8);
}
.jobs-item:hover .jobs-item__title {
  color: rgb(var(--color-foreground));
}
.jobs-item:hover .jobs-item__apply a {
  color: rgb(var(--color-foreground));
}
.jobs-item:hover .jobs-item__tag {
  color: rgb(var(--color-foreground));
}
@media (min-width: 768px) {
  .jobs-item {
    padding-block: 4.8rem;
  }
  .jobs-item__number {
    width: 25rem;
  }
}