@import '@/styles/common.less';
@import '@/styles/variables.less';

.job-recommend-list {
  &__header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 32px 0;
  }

  &__header-left-line,
  &__header-right-line {
    width: 88px;
    height: 1px;
  }

  &__header-left-line {
    background: linear-gradient(90deg, rgba(109, 61, 245, 0) 0%, #6D3DF5 100%);
  }

  &__header-right-line {
    background: linear-gradient(90deg, #6D3DF5 0%, rgba(109, 61, 245, 0) 100%);
  }

  &__header-title {
    font-size: 32px;
    line-height: 48px;
    font-weight: 500;
    color: @blHighlightColor;
    margin: 0 16px;
  }

  &__header-icon {
    width: 40px;
    height: 40px;
    margin-left: 16px;
  }

  &__more-button {
    .button(@height: 80px; @fontSize: 32px; @fontWeight: 500; @borderRadius: 44px;);
  }
}