.seo-widgets {

  padding-bottom: 0;

  h2 {
    margin-bottom: 30px;
  }

  &__content {
    @include make-row;
  }

  &__items {
    @include make-col(3);
    @include make-col-ready;

    @include media-breakpoint-only(md) {
      @include make-col(4);
    }
    @include media-breakpoint-down(sm) {
      @include make-col(12);

      &:last-child {
        margin-bottom: 0;
      }
    }

    text-decoration: none;
    display: flex;
    margin-bottom: 20px;

    &:hover {
      text-decoration: none;
    }

    &-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid $gray;
      border-radius: 3px;
      width: 100%;
      height: 100%;
      padding: 8px 14px;
      font-size: .875rem;
      font-weight: 400;
      color: $gray-dark;

      &:hover {
        background-color: $blue;
        color: $white;
      }

      &-name {
        width: 100%;
        margin-right: 10px;
      }
    }
  }
}
