.modalMainContainer
  z-index: 1000
  width: 50%
  background: #fff
  padding: 2rem
  outline: none
  box-shadow: 0 0 10px rgba(0,0,0,0.15)
  font-family: "Montserrat"

  &:focus
    outline: none

.overlay
  z-index: 500
  background: rgba(0, 0, 0, 0.20)
  position: fixed
  top: 0
  left: 0
  width: 100%
  height: 100vh
  display: flex
  justify-content: center
  align-items: center

.contentContainer
  display: flex
  flex-direction: column
  align-items: center

  h1
    font-size: 2.4rem
    color: #333
    margin-bottom: 2rem
    margin-top: 2rem

.payment
  display: flex
  width: 100%
  justify-content: space-between
  font-weight: 600
  margin-top: 1rem
  font-size: 1.3rem

.continue
  margin-top: 2rem
  cursor: pointer
  font-size: 1.3rem
  color: #333
  line-height: 1
  display: inline-block
  border-bottom: 1px solid #d8d8d8