.border {
  
  &-all-sides {
    border: 1px solid;
  }
  &-top {
    border-top: 1px solid;
  }
  &-right {
    border-right: 1px solid;
  }
  &-bottom {
    border-bottom: 1px solid;
  }
  &-left {
    border-left: 1px solid;
  }
  &-thick {
    border-width: thick;
  }
  &-color {
    &-primary {
      border-color: var(--color-primary);
    }
    &-secondary {
      border-color: var(--color-secondary);
    }
    &-third {
      border-color: var(--color-third);
    }
    &-heading {
      border-color: var(--color-heading);
    }
    &-grey {
      border-color: #E4E9F1;
    }
  }

  &-rounded-xxsmall {
    border-radius: 5px;
  }
}