.feature {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr)
    repeat(2, 10rem)
    1fr
    repeat(2, 10rem)
    repeat(3, 1fr);

  grid-template-rows: repeat(3, 1fr);

  padding: 2rem;

  place-items: center;
}

/* CARD */

.feature-card {
  display: flex;

  align-items: center;
  justify-content: flex-start;
  gap: 1rem;

  width: 12.5rem;
  height: 4.6875rem;
  padding: 1rem;

  background: var(--color-surface-glass-light);
  backdrop-filter: blur(.3rem);

  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}

/* CARD ELEMENTS */

.feature-card-icon,
.feature-card-body {
  display: flex;

  align-items: center;
  justify-content: center;
}

.feature-card-body {
  font-weight: var(--fw-medium);
}

/* CARD POSITIONS */

.feature-card-monitor {
  grid-column: 3 / 6;
  grid-row: 2;
}

.feature-card-notify {
  grid-column: 4 / 6;
  grid-row: 3;
}

.feature-card-analyze {
  grid-column: 7 / 10;
  grid-row: 2;
}

.feature-card-help {
  grid-column: 7 / 9;
  grid-row: 3;
}

/* MOBILE */

@media (max-width: 700px) {

  .feature {
    display: flex;

    flex-direction: column;
    justify-content: flex-end;
    gap: .5rem;
  }

  .feature-card {
    scale: .9;
  }

}