@use '@carbon/styles/scss/spacing';
@use '@carbon/styles/scss/type';
@import "../../root.scss";

.action {
  margin-bottom: spacing.$spacing-03;
}
.desktopHeading {
  h4 {
    @include type.type-style('heading-compact-02');
    color: $text-02;
  }
}

.tabletHeading {
  h4 {
    @include type.type-style('heading-03');
    color: $text-02;
  }
}

.content {
  @include type.type-style("heading-compact-01");
  color: $text-02;
  margin-top: spacing.$spacing-05;
  margin-bottom: spacing.$spacing-03;
}

.heading {
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 1rem;
  @include type.type-style("heading-03");
  color: $text-02;
}

.heading:after {
  content: "";
  display: block;
  width: 2rem;
  padding-top: 0.188rem;
  border-bottom: 0.375rem solid;
}

.contentWrapper {
  text-align: center;
  margin-top: '0.5rem';
  margin-bottom: '2rem';
}

.headerWrapper {
  display: flex;
  justify-content: space-between;
}
.tile {
  text-align: center;
  border: 1px solid $ui-03;
}