<template>
  <div class="invoice-form-separator" />
</template>

<style lang="scss">
.invoice-form-separator {
  position: relative;
  margin: 40px 20px;
  border: 0 dashed $clr-grey-300;
  border-top-width: 2px;

  &:last-child {
    margin-bottom: -16px;
  }

  &::before,
  &::after {
    content: '';
    position: absolute;
    top: -24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: $clr-grey-100;
  }

  &::before {
    left: -60px;
  }

  &::after {
    right: -60px;
  }
}
</style>
