@import "src/styles/common"

.container
  position: fixed
  bottom: 0
  width: 100%
  padding: 16px
  background-color: #172D72
  color: #fff

.close_container
  position: absolute
  right: 16px

.close
  $close-icon-size: 16px
  cursor: pointer
  width: $close-icon-size
  height: $close-icon-size
  color: #000
  background: transparent url(./close.svg) no-repeat 50%/1em auto

.main
  @include container
  display: flex
  justify-content: space-between
  align-items: center
  @include on-desktop()
    flex-direction: row
  @include on-mobile()
    flex-direction: column

.start
  .title
    font-size: 16px
    font-weight: 700
  .content
    margin-top: 12px
    font-size: 14px
    font-weight: 400
    line-height: 1.75
    a
      &, &:hover
        text-decoration: underline