.frontpage {
  margin: $grid-gutter 0;
  padding: $grid-gutter 0;

  .views-row {
    margin-bottom: 0;
  }
}

.frontpage-highlights .views-row:nth-child(even) .teaser--top {
  right: 0;
}

.view,
.text-formatted {
  .more-link {
    position: relative;
    margin-top: $grid-gutter;
    color: var(--color-link);

    &::before {
      content: "";
      position: absolute;
      top: .5em;
      display: block;
      width: calc(100% - 3rem);
      height: .25em;
      border-bottom: 2px solid var(--color-link);
    }

    @include icon(chevron-right, fas, after);

    a {
      position: relative;
      display: inline-block;
      background-color: var(--color-bg-light);
      padding-left: .5em;
      padding-right: .5em;
      border-bottom-width: 0;

      &:focus,
      &:hover {
        background-color: var(--color-link);
      }
    }
  }
}
