@import ../../styles/lib

.DeleteAccountDialog
  position: relative
  max-width: rem(480)
  text-align: center

.DeleteAccountDialog h2
  margin-bottom: rem(10)
  font-size: rem(18)
  height: rem(30)
  line-height: rem(30)
  white-space: nowrap

.DeleteAccountDialog p
  position: absolute
  margin-top: rem(40)
  text-align: left

.DeleteAccountDialogButton
  +sans-typeset
  transition: background-color $speed ease, border-color $speed ease, color $speed ease, opacity $speed ease
  display: inline-block
  vertical-align: middle
  width: rem(60)
  height: rem(30)
  border-radius: rem(15)
  text-align: center
  line-height: rem(30)
  white-space: nowrap
  background-color: white
  border: 1px solid white
  color: black

.DeleteAccountDialogButton.isActive,
.no-touch .DeleteAccountDialogButton:hover
  background-color: black
  border-color: black
  color: white

.DeleteAccountDialogButton + .DeleteAccountDialogButton
  margin-left: rem(5)

@media(min-width: #{$break-2})
  .DeleteAccountDialog
    text-align: left
  .DeleteAccountDialog h2
    display: inline-block
    vertical-align: middle
    margin-right: rem(20)
    margin-bottom: 0
    font-size: rem(24)


@import ../../styles/lib

.DeleteAccountDialog
  position: relative
  max-width: rem(480)
  text-align: center

.DeleteAccountDialog h2
  margin-bottom: rem(10)
  font-size: rem(18)
  height: rem(30)
  line-height: rem(30)
  white-space: nowrap

.DeleteAccountDialog p
  position: absolute
  margin-top: rem(40)
  text-align: left

@media(min-width: #{$break-2})
  .DeleteAccountDialog
    text-align: left
  .DeleteAccountDialog h2
    display: inline-block
    vertical-align: middle
    margin-right: rem(20)
    margin-bottom: 0
    font-size: rem(24)


Remove styling for a nonexistent button
Remove styling for a nonexistent button