.cookies {
  position: fixed;
  bottom: 50px;
  right: -420px;
  max-width: 345px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 15px 25px 22px;
  transition: right 0.3s ease;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  z-index:25;
}
.cookies.show {
  right:25px;
}
.cookies .container {
  display: flex;
  align-items: center;
  column-gap:0;
}
.container i {
margin: 0;
padding: 0;	
color: #12305b;
font-size:32px;
}
.container .titre {
font-family: 'Blinker', sans-serif;	
margin:0;
padding:0;	
color:#12305b;
font-weight:normal;
font-size:24px;
}

.cookies .data {
margin-top:16px;
}

.cookies .data p {
margin:0;
padding:0;
font-family: 'Blinker', sans-serif;
color: #333;
font-size:16px;
}
.data p a {
  color: #12305b;
  text-decoration: none;
}
.data p a:hover {
  text-decoration: underline;
}
.cookies .buttons {
  margin-top: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.buttons .button {
  border: none;
  color: #fff;
  padding: 8px 0;
  border-radius: 4px;
  background: #12305b;
  cursor: pointer;
  width: calc(100% / 2 - 10px);
  transition: all 0.2s ease;
}
.buttons #acceptBtn:hover {
  background-color: #001e2a;
}
#declineBtn {
  border: 2px solid #12305b;
  background-color: #fff;
  color: #12305b;
}
#declineBtn:hover {
  background-color: #12305b;
  color: #fff;
}




@media only screen and (max-width: 1800px) {



}



/* 1680 x 1050 */
@media only screen and (max-width: 1700px) {




}



/* 1600 x 900 */
@media only screen and (max-width: 1600px) {

.cookies.show {
right:23px;
}

}



/* 1536 x 864 */
@media only screen and (max-width: 1550px) {



}




/* 1440 x 900 */
@media only screen and (max-width: 1460px) {

.cookies.show {
right:21px;
}

}




/* 1366 x 768 & 1366 x 760 */
@media only screen and (max-width: 1390px) {



}




/* 1280 x 800 */
@media only screen and (max-width: 1300px) {


}





@media only screen and (max-width: 1200px) {



}




@media only screen and (max-width: 1100px) {



}





/* 1024 x 768 */
@media only screen and (max-width: 1050px) {

.cookies {
  position: fixed;
  bottom:45px;
  right:-420px;
  max-width:320px;
  border-radius:8px;
  text-align:center;
  padding: 15px 25px 22px;
  transition:right 0.3s ease;
  box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);
  z-index:25;
}
.cookies.show {
  right:25px;
}

.container i {
margin: 0;
padding: 0;	
text-align:center;
color: #12305b;
font-size:28px;
}
.container .titre {
font-family: 'Blinker', sans-serif;	
margin:0 auto;
padding:0;	
text-align:center;
color:#12305b;
font-weight:normal;
font-size:24px;
}

.cookies .data {
margin-top:15px;
}

.cookies .data p {
margin:0;
padding:0;
font-family: 'Blinker', sans-serif;
color: #333;
font-size:16px;
}
.data p a {
  color: #12305b;
  text-decoration: none;
}
.data p a:hover {
  text-decoration: underline;
}
.cookies .buttons {
  margin-top: 15px;
  width: 100%;
  display: flex;
  align-items:center;
  justify-content: space-between;
}
.buttons .button {
  padding:8px 0;
  border-radius: 4px;
  width: calc(100% / 2 - 10px);
  transition: all 0.2s ease;
}


}




/* 960 x 600 */
@media only screen and (max-width: 980px) {



}




@media only screen and (max-width: 900px) {



}




/* 800 x 1280 & 768 x 1024 */
@media only screen and (max-width: 810px) { 

.cookies {
bottom:40px;
right:-420px;
max-width:300px;
padding: 15px 25px 22px;
}

.cookies.show {
right:25px;
}

.container i {
font-size:28px;
}

.container .titre {
font-size:24px;
}

.cookies .data {
margin-top:15px;
}

.cookies .data p {
font-size:16px;
}

.cookies .buttons {
margin-top: 15px;
justify-content: space-between;
}

.buttons .button {
padding:8px 0;
}

}





@media only screen and (max-width: 700px) {



}





/* 600 x 960 */
@media only screen and (max-width: 620px) {

.cookies {
bottom:40px;
right:-420px;
max-width:280px;
padding: 14px 23px 21px;
}

.cookies.show {
right:21px;
}

.container i {
font-size:22px;
}

.container .titre {
font-size:22px;
}

.cookies .data {
margin-top:14px;
}

.cookies .data p {
font-size:15px;
}

.cookies .buttons {
margin-top:12px;
justify-content: space-between;
}

.buttons .button {
padding:7px 0;
}

}




@media only screen and (max-width: 550px) {




}




/* 480 x 853 */
@media only screen and (max-width: 500px) {

.cookies {
bottom:35px;
right:-420px;
max-width:260px;
padding: 13px 21px 19px;
}

.cookies.show {
right:20px;
}

.container i {
font-size:20px;
}

.container .titre {
font-size:20px;
}

.cookies .data {
margin-top:12px;
}

.cookies .data p {
font-size:14px;
}

.cookies .buttons {
margin-top:11px;
justify-content: space-between;
}

.buttons .button {
padding:7px 0;
}

}




/* 412 x 732 & 414 x 736 (iPhone) */
@media only screen and (max-width: 430px) {



}




/* 360 x 740 & 375 x 812 */
@media only screen and (max-width: 380px) {

.cookies {
bottom:33px;
right:-410px;
max-width:220px;
padding:11px 18px 15px;
}

.cookies.show {
right:16px;
}

.container i {
font-size:17px;
}

.container .titre {
font-size:17px;
}

.cookies .data {
margin-top:9px;
}

.cookies .data p {
font-size:12px;
}

.cookies .buttons {
margin-top:9px;
justify-content: space-between;
}

.buttons .button {
padding:4px 0;
}

}




/* 320 x 568 */
@media only screen and (max-width: 330px) {



}




@media only screen and (max-width: 300px) {



}