@import "@styles/theme.scss";

.h5-map-container {
  width   : 100vw;
  height  : 100vh;
  position: relative;
}

.h5-map-view-container {
  z-index            : 1000;
  display            : flex;
  margin             : 10px;
  padding            : 10px;
  flex-direction     : row;
  justify-content    : space-between;
  align-items        : center;
  background-color   : transparent;
  position           : absolute;
  width              : 100%;
  background-color   : #fff;
  // border-radius   : 10px;
  // box-shadow      : 0 3px 8px 10px rgba(0, 0, 0, 0.1);

  .back {
    padding: 0 10px;
    border : none;
  }

  .button-wrap {
    padding: 0 20px;

    button {
      width           : 100%;
      padding         : 0 20px;
      background-color: $primary-color;
      color           : #fff;
      line-height     : 2;
      border          : none;
    }
  }

  .back-wrap {
    padding: 0 20px;

    button {
      width      : 100%;
      padding    : 0 20px;
      line-height: 2;
    }
  }
}

.h5-map {
  width : 100vw;
  height: 100vh;
}

.h5-address {
  position        : absolute;
  z-index         : 1001;
  top             : 100px;
  background-color: #FFFCE7;
  font-weight     : 600;
  display         : flex;
  flex-wrap       : wrap;
  text-align      : center;
  padding         : 10px;
  margin          : 10px;
  font-size       : $font-size-lg;
  border-radius   : 10px;
}