@use "design";

.or {
  display: flex;
  align-items: center;

  &::before,
  &::after {
    content: "";
    display: block;
    background-color: design.$card-border-color;
    height: 1px;
    flex: 1;
  }

  span {
    text-transform: uppercase;
    @include design.font-smaller;
    padding: 5px 10px;
  }
}