@layer components {
  .calendar {
    a, button {
      &[data-status="past"] {
        background-color: var(--color-delivery-past-50);
        color: var(--color-oat);

        &:hover {
          background-color: var(--color-delivery-past-hover);
          color: var(--color-content-on-light);
        }
      }
    }
  }
}