.block-quick-check {
  inline-size: 100%;
  height: fit-content;

  &__heading {
    display: grid;
    width: 100%;
    max-width: occupies(8, 0);
    padding: $spacing-xl 0 $spacing-smd;
    row-gap: $spacing-smd;

    .back {
      @include btn-link;
      @include link-decoration;
      @include icon-left('@/Images/icons/chevron-left.svg', 16px);
    }
  }

  &__content {
    display: grid;
    width: 100%;
    max-width: occupies(10, 0);
    padding: $spacing-xl 0 0;
    row-gap: $spacing-smd;

    .item {
      position: relative;
      width: 100%;
      height: fit-content;
      padding: $spacing-md $spacing-xl;
      border: 1px solid $color-black;
      background-color: $color-white;
      transition: $transition-default;
      transition-property: background-color, border;

      &-link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }

      &:has(.item-link) {
        &:hover {
          border-color: transparent;
          background-color: $color-teagreen;
        }
      }
    }
  }

  &:has(+ section) {
    padding-bottom: 0;
  }
}