$cookie-bg: #2b2b2b
$cookie-text: #ffffff
$cookie-button-bg: #d40000
$cookie-button-hover: #e10000
$cookie-padding-y: 16px
$cookie-padding-x: 20px
$cookie-radius: 4px
$cookie-font-size: 14px
$cookie-z: 9999

$cookie-bottom-offset: 120px

.cookie-consent
  position: fixed
  bottom: 0
  left: 0
  right: 0

  background: $cookie-bg
  color: $cookie-text

  padding: $cookie-padding-y $cookie-padding-x
  padding-bottom: $cookie-padding-y + $cookie-bottom-offset

  display: none
  justify-content: space-between
  align-items: center

  z-index: 9999

  &__text
    max-width: 75%
    line-height: 1.4

  &__button
    background: $cookie-button-bg
    border: none
    padding: 10px 18px
    color: $cookie-text
    border-radius: 4px
    cursor: pointer

    &:hover
      background: $cookie-button-hover