@import '../../styles/common';

// reduces the radii of the circle to half the size of the smallest side
$border-radius: 999px;

.FooterHelp {
  display: flex;
  justify-content: center;
  margin: spacing(loose) 0;
  width: 100%;

  @include page-content-when-not-fully-condensed {
    margin: spacing(loose);
    width: auto;
  }
}

.Content {
  display: inline-flex;
  align-items: center;
  padding: spacing() spacing(loose) spacing() spacing();
  border-top: border();
  border-bottom: border();
  width: 100%;
  justify-content: center;

  @include page-content-when-not-fully-condensed {
    width: auto;
    border: border();
    border-radius: $border-radius;
  }
}

.Icon {
  margin-right: spacing(tight);
}

.Text {
  @include text-style-input;
}
