.home-tiles {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  box-sizing: border-box;

  &__item {
    width: 50%;
    flex-basis: auto;
    height: calc(50vh - 62.5px);
    position: relative;
  }

  &__btn {
    position: absolute;
    flex-wrap: wrap;
    display: flex;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    align-items: center;
    justify-content: center;

    .mat-icon {
      width: 48px;
      height: 48px;
      font-size: 48px;
      color: #001762;
    }

    .home-icons-text {
      font-size: 20px;
    }
  }
}

@media screen and (max-width: 600px) {
  .home-tiles {
    height: calc(100vh - 75px);

    &__item {
      width: 100%;
      height: calc(25vh - 42.5px);
    }
  }
}