@layer components {
  /*
   * Set item horizontal rule
   */
  
  .set-item {
    hr {
      background-color: var(--color-grey-100);
      border: none;
      height: 1px;
      margin: 2.5rem auto 0 auto;
      padding: 0;
      width: 7.5rem;
  
      @media (max-width: 639.98px) {
        margin-top: 2rem;
      }
  
      &:first-of-type {
        margin: 0.5rem auto 0 auto;
  
        @media (max-width: 639.98px) {
          margin-top: 1rem;
        }
      }
    }
  }
}