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

.container {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: int.$spacing-2;
  margin-bottom: int.$spacing-6;
}

.title {
  padding-right: int.$spacing-2;
  white-space: nowrap;

  @include int.title($size: "200");
}

.button {
  background: none;
  border: 2px solid int.$warmgray-20;
  border-radius: 32px;
  padding: int.$spacing-2 int.$spacing-4;
  cursor: pointer;

  @include int.sans($size: "200", $role: "label");

  &:hover {
    background: int.$warmgray-20;
  }
}
