@charset "UTF-8";
/* ==========================================================
  modal cookie
========================================================== */
.modal-cookie {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 50;
}

.modal-cookie .modal-cookie-container {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 275px;
  padding: 25px;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .modal-cookie .modal-cookie-container {
    right: 30px;
    bottom: 30px;
    width: 375px;
    padding: 40px;
  }
}

.modal-cookie .modal-cookie-container .text-cookie {
  font-size: 1.2rem;
  line-height: 2;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .modal-cookie .modal-cookie-container .text-cookie {
    font-size: 1.4rem;
    margin-bottom: 25px;
  }
}

.modal-cookie .modal-cookie-container .text-cookie .text-cookie-link {
  color: #076eaa;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .modal-cookie .modal-cookie-container .text-cookie .text-cookie-link:hover {
    text-decoration: none;
  }
}

.modal-cookie .modal-cookie-container .btn-cookie {
  color: #fff;
  cursor: pointer;
  background-color: #076eaa;
  padding: 14px;
  text-align: center;
}