@use '@carbon/type';
@use '@carbon/layout';
@use '@carbon/colors';

.riskScoreCard {
  width: 100%;
  border: 0.15rem solid colors.$gray-20;
  margin-bottom: layout.$spacing-08;
}

.riskScoreCardItem {
  flex: 1;
  padding: layout.$spacing-05;
}

.sectionHeader {
  @include type.type-style('heading-02');
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: layout.$spacing-05;
  row-gap: 1.5rem;
  position: relative;

  &::after {
    content: '';
    display: block;
    width: 2rem;
    border-bottom: 0.375rem solid var(--brand-03);
    position: absolute;
    bottom: -0.75rem;
    left: 0;
  }

  & > span {
    @include type.type-style('body-01');
  }
}