.location-popup-selection {
  position: fixed;
  width: 100%;
  height: 100dvh;
  background-color: #00000094;
  z-index: 10;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;



  .location-popup-selection-container {
    background-color: #FFFFFF;
    max-width: 600px;
    padding: 4rem 2rem 2rem 2rem;
    position: relative;

    @media screen and (min-width: 750px) {
      padding: 6rem 4rem 2rem 4rem;
    }

    > button {
      padding: 0;
      width: 2rem;
      background-color: transparent;
      border: none;
      cursor: pointer;
      position: absolute;
      right: 2rem;
      top: 2rem;
    }

    .location-popup-selection-container-content-action {
      display: flex;
      align-items: center;
      flex-direction: column;

      @media screen and (min-width: 750px) {
        flex-direction: row;
        gap: 2rem;
      }

      form {
        button {
          position: relative;
          right: auto;
          bottom: auto;
          width: auto;
          padding: 0 4rem 0 2rem;
        }
      }
    }
  }
}