@media (max-width:767px) {
  .cmplz-cookiebanner .cmplz-message {
	margin: 20px 0;
  }
}
@media (min-width:768px) {
  .cmplz-cookiebanner {
	margin: 10px;
	width: calc(100% - 20px);

	// With auto the Text element will fill space of Categories and Buttons if they are not there
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr auto;
	grid-gap: 10px;
	bottom: 0;
	left: initial;
	top:initial;
	transform: initial;
	padding: 5px 10px;
	.cmplz-header {
	  grid-column-start: 1;
	  grid-column-end: 4;
	  grid-row-start: 1;
	}

	.cmplz-description {
	  grid-column-start: 1;
	  grid-row-start: 2;
	}

	.cmplz-categories {
	  width: 40vw;

	  grid-column-start: 2;
	  grid-row-start: 2;

	  // Scrollbar if needed (165px is exact height of 3 categories)
	  overflow-y: auto;
	  height: 165px;

	  &::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
		background-color: transparent;
	  }

	  &::-webkit-scrollbar {
		width: 8px;
		background-color: transparent;
	  }

	  &::-webkit-scrollbar-thumb {
		background-color: rgba(239, 239, 239, .5);
	  }

	}

	.cmplz-buttons {
	  grid-column-start: 3;
	  grid-row-start: 2;

	  display: flex;
	  flex-direction: column;
	  gap:10px;
	  .cmplz-btn {
		min-width: 250px;
		width: 100%;
	  }
	}

	.cmplz-links.cmplz-information {
	  grid-column-start: 2;
	  grid-column-end: 4;
	  grid-row-start: 3;

	  display: flex;
	  justify-content: flex-end;
	}

	.cmplz-links.cmplz-documents {
	  grid-column-start: 1;
	  grid-row-start: 3;

	  display: flex;
	  justify-content: flex-start;
	}

  }
}
