.cookieConsent {
  color: var(--cookie-consent-text-color);
  font-size: var(--cookie-consent-text-size);
  background-color: var(--cookie-consent-background-color);
  z-index: var(--cookie-consent-index);
  padding: 1.7rem 0;
  box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.15);
  display: none;
  > div {
    @include flex-align(center, center);
    flex-direction: column;
    padding: 0rem 1.6rem;
    gap: 1rem;
    @include min(tablet) {
      @include flex-align(flex-start, flex-end);
      flex-direction: row;
      align-items: center;
      padding: 0rem 2.3rem !important;
    }

    .buttonsContainer {
      display: flex;
      flex-direction: row;
      button {
        height: 40px;
        margin-left: auto;
        margin-bottom: 16px;
        width: 100%;
        font-size: 1.6rem;
        border-radius: 4px;
        border-width: 1.5px;
        border-color: transparent;

        &:first-child {
          background-color: white;
          border: 1px solid #150E06 ;
          color: #150E06;

          &:hover {
            background: none;
          }
        }

        @include min(laptop) {
          margin: 0;
          width: auto;
          margin-left: 10px;
          margin-bottom: 0px;
        }
      }

      @include max(tablet) {
        flex-direction: column;
        width: 100%;
        padding-top: 1.6rem;
      }
    }

    .content {
      color: var(--cookie-consent-text-color);
      width: 100%;

      @include min(tablet) {
        width: 75%;
      }
    }
  }
}

.show {
  display: block;
}

.cookieConsentStoryContainer {
  position: relative;
  height: 20rem;

  > div {
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1.5rem 1rem;
  }
}

.show {
  display: block;
}