.v-divider {

  &.v-horizontal {

    margin: 20px 0;
    width: 100%;
    height: 1px;
    position: relative;
    background-color: #dcdfe6;

    .v-slot {

      padding: 0 20px;
      font-weight: 500;
      color: #303133;
      font-size: 14px;
      background-color: #fff;

      &.v-left {
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
      }

      &.v-center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
      }

      &.v-right {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
      }
    }
  }

  &.v-vertical {

    display: inline-block;
    margin: 0 8px;
    width: 1px;
    height: 1rem;
    background-color: #dcdfe6;
    vertical-align: middle;
  }
}