.task {
  display: flex;
  width: 100%;
  height: 60px;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  border: 2px solid var(--color-primary);
  border-radius: var(--border-radius-md);
}

.wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.is-first {
  border-bottom: 8px solid var(--color-brand-light-slate-blue);
}

.is-second {
  border-bottom: 8px solid var(--color-brand-shocking-ping);
}