/* ========================================================================================= */
/* COMPONENTS - CARDS */
/* ========================================================================================= */

.card {
  border: solid 1px $gray-300 !important;
  border-radius: 0 !important;
  font-size: 14px !important;

  &-header {
    border-radius: 0 !important;
    border-bottom: solid 1px $gray-300 !important;
    background: $gray-200 !important;

    &::after {
      color:$gray-500 !important;
    }
  }
}

.number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 4px;
  border-radius: 100%;
  background: $gray-500;
  color: white;
}