@import "variables.scss";
@import "responsive.scss";
@import "typography.scss";
@import "reset.scss";
@import "mixins.scss";

.FooterBottomRow-wrapper-3efbN {
  margin-top: 3px;
  padding: map-get($gutters, large) * 2 0 map-get($gutters, large) * 8 0;
  @include media(large) {
    padding: map-get($gutters, small) 0;
  }
}

.FooterBottomRow-socialMediaWrapper-2fD0L {
  display: flex;
  flex-direction: column;
  @include media(large) {
    flex-direction: row;
    align-items: center;
  }
}

.FooterBottomRow-title-PMWXr {
  @include typography-subtitle-1;
  color: $colorWhite;
}

.FooterBottomRow-links-10nUz {
  display: flex;
  flex-wrap: wrap;
  margin-top: map-get($gutters, small) / 2;
  margin-bottom: -1 * map-get($gutters, small) / 2;
  margin-left: -1 * map-get($gutters, small) / 2;
  @include media(large) {
    margin-top: 0;
    margin-left: map-get($gutters, large);
  }
}

.FooterBottomRow-link-23lJg {
  @include reset-anchor;
  margin-right: map-get($gutters, small) / 2;
  margin-bottom: map-get($gutters, small) / 2;
  @include media(large) {
    margin-right: map-get($gutters, large);
  }
}

.FooterBottomRow-iconWrapper-3A1wT {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  background: $colorWhite;
  @include media(medium) {
    width: 40px;
    height: 40px;
  }
}

.FooterBottomRow-icon-2TTQo {
  width: 50%;
  height: 50%;
  fill: currentColor;
  path {
    fill: currentColor;
  }
}