.pins {

  display: grid;
  gap: 96px;

  .pins-title {
    text-align: center;

    h2 {
      margin: 0;
    }
  }

  .pins-list {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    gap: 64px;

    .pin {
      max-width: 168px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;

      .label {
        p {
          font-size: var(--content-size--s);
          font-weight: 400;
          text-align: center;
        }
      }
    }
  }
}