Sindbad~EG File Manager

.pack-block {
  padding: 60px 0;
  background: var(--purple300);

  .pack-block__container-subheading {
    @media (max-width: 768px) {
      margin-bottom: 24px;
    }
  }

  .pack-block__items-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;

    @media (max-width: 768px) {
      grid-template-columns: 1fr;
    }

    .pack-block__item {
      padding: 32px;
      background: var(--white);
      display: flex;
      flex-direction: column;
      align-items: flex-start;

      padding-bottom: 24px;
      box-shadow: 0px 4px 6px -2px #0c041b08;

      box-shadow: 0px 12px 16px -4px #0c041b14;
      border-radius: 16px;
      color: var(--purple800);

      .pack-block__item-icon-container {
        width: 64px;
        height: 64px;
        display: flex;
        align-items: center;
        background: var(--purple100);
        justify-content: center;
        border-radius: 50%;
      }

      &.highlighted {
        background: linear-gradient(0deg, #560bab 7.04%, #7209b5 100%);
        color: var(--purple300);
        transform: translate(0, -32px);

        @media (max-width: 768px) {
          transform: translate(0, 0);
        }
        .pack-block__item-icon-container {
          background: var(--purple500);
        }
      }
    }
  }
}