
.menu-card-box {
  width: 100vw;
  padding: 0 var(--main-space);
  margin-top: var(--main-space);
  display: grid;
  grid-gap: var(--main-space);
  // (100vw - 4 * --main-space) / 3
  grid-template-columns: repeat(3, 28vw);
  grid-auto-rows: 28vw;
  font-size: 30px;
  font-weight: 500;
  color: #202020;

  .item {
    border-radius: 8px;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);
    display: grid;
    place-items: center;

    .icon {
      width: 100px;
      height: 100px;
      margin: auto;
      margin-bottom: 20px;
      background: rgba(51,218,156,0.2);
      border-radius: 50%;
    }
  }
}
