.modalShare
  padding: 2rem
  @media (min-width: 1024px)
    max-width: 700px!important
  h4
    text-align: center
    margin-bottom: 2rem
    @media (min-width: 1024px)
      margin-bottom: 3rem
  .container
    grid-template-columns: repeat(2, 1fr)
    gap: 2rem 1rem
    @media (min-width: 768px)
      display: flex
      justify-content: space-around
      gap: 0
    .item
      align-items: center
      img
        width: 50px
        margin-bottom: 8px
      span
        color: $black
        text-align: center
        font-size: 14px
  a,.close-modal
    &:hover
      cursor: pointer