@use "../../../../styles/colors.scss";
@use "../../../../styles/typography.scss";
@use "../../../../styles/spacing.scss";
@use "../../../../styles/elections.scss";

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: colors.$warmgray-30 1px solid;
  padding-bottom: spacing.$spacing-1;

  &.condensed {
    border-bottom: none;
  }

  &.large,
  &.medium {
    padding-bottom: spacing.$spacing-2;
    gap: 4px;
  }
};

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

}

.link {
  @include elections.election-text-link();
}