@use "../../../../../../styles/int.scss";

.container {
  border-bottom: int.$warmgray-60 1px solid;
  padding-bottom: int.$spacing-1;

  @include int.container-at-least("md") {
    padding-bottom: int.$spacing-2;
  }
};

.container {
  display: flex;
  flex-flow: row wrap;
  row-gap: int.$spacing-1;
  justify-content: space-between;
  align-items: center;
}

.title {
  @include int.title($size: "400");
  
  @include int.container-at-least("md") {
    @include int.title($size: "500");
  }
    
  @include int.container-at-least("lg") {
    @include int.title($size: "600");
  }
}

.info {
  display: flex;
  gap: int.$spacing-1;
  align-items: center;
  min-width: fit-content;

}