@import "tools.mixins";

@mixin o-member-feature-4columns-item-online-tools-sm {
  .o-member-feature__content--online-tools {
    .c-button {
      width: rem(300);
      margin: rem(40) auto 0;
    }
    .o-member-feature-4columns-link,
    .o-member-feature-4columns-item--no-link {
      @include grid-template-rows(0, rem(64) auto auto);
      @include grid-template-columns(0, 1fr);
    }
  }

  .o-member-feature-4columns--online-tools {
    .o-member-feature-4columns-item {
      &:nth-of-type(1) {
        .o-member-feature__icon {
          width: rem(58);
          height: rem(58);
        }
      }
      &:nth-of-type(2) {
        .o-member-feature__icon {
          width: rem(63);
          height: rem(51);
        }
      }
      &:nth-of-type(3) {
        .o-member-feature__icon {
          width: rem(60);
          height: rem(60);
        }
      }
      &:nth-of-type(4) {
        .o-member-feature__icon {
          width: rem(64);
          height: rem(64);
        }
      }
    }
  }
}
