.cookie-content{
	max-width: 1260px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
div.cookies{
	position: fixed;
	bottom: 0;
	/* display: none; */
	left: 0;
	width: 100%;
	padding: 30px 0;
	z-index: 1001;
	color: white;
	background-color: #333;
	transition: all 1s;
	transform: translateY(100%);
	transition: all 0.3s;
  }
  div.cookies.active{
	transform: translateY(0);
  }
  div.cookies .flex {
	gap: 1.25rem;
	align-items: center;
  }
  div.cookies p{
	flex: 1;
  }
  div.cookies span.button_red:hover{
	background-color: white;
	border-color: white;
  }
  div.cookies span.accept-cookie {
	background-color: var(--theme_color);
  }
  div.cookies span.accept-cookie:hover {
	filter: brightness(1.05);
  }
  div.cookies span.refuse-cookie{
	background: #242424;
  }
  div.cookies span.refuse-cookie:hover { 
	filter: brightness(0.8);
  }
  div.cookies p a{
	border-bottom: 1px solid var(--subtheme_color);
	color: var(--subtheme_color);
  }
  .cookie_btn{
	display: inline-block;
    line-height: 1;
    color: #fff;
    background-image: var(--bg_color);
    border-radius: 24px;
    padding: 1rem 2rem;
	cursor: pointer;
    transition: all 0.3s;
  }



  @media screen and (max-width: 786px) {
	.cookie_btn{
		border-radius: 24px;
		padding: 0.8rem 1.5rem;
		font-size: 14px;
	  }
	  div.cookies .flex{
		flex-flow: wrap;
	  }
	  div.cookies p{
		flex: unset;
		width: 100%;
		font-size: 14px;
		line-height: 1.5rem;
	  }
	  div.cookies p a{
		font-size: 14px;
	  }
  }