@import '~styles/config';

.header {
  @include reset-button;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;

  cursor: pointer;

  .content {
    @include reset-button;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    padding: $gutter;
    width: 100%;
    color: #fff;
  }

  .firstRow {
    display: flex;
    justify-content: space-between;
  }

  .secondRow {
    padding-top: $gutter*0.5;

    .link {
      @include reset-anchor;
      color: $color-pink;

      &:hover,
      &:focus {
        border-bottom: 2px solid $color-pink;
      }

    }

    .icon {
      padding-right: $gutter*0.5;
      fill: $color-pink;
    }
  }
}