.yusee-consentement {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  margin: 0 auto;
  max-width: 520px;
  padding: 18px 20px;
  border-radius: 18px;
  background: #15171c;
  color: #f4f5f7;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .38);
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}

.yusee-consentement p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #c9ccd4;
}

.yusee-consentement a { color: #f4f5f7; }

.yusee-consentement-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.yusee-consentement button {
  padding: 10px 18px;
  border: 0;
  border-radius: 999px;
  background: #2a2d35;
  color: #f4f5f7;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.yusee-consentement button:hover { background: #343841; }

/* Refuser : sans fond, sans gras. Même taille et même zone cliquable qu'accepter. */
.yusee-consentement button[data-reponse="non"] {
  background: transparent;
  font-weight: 400;
  color: #c9ccd4;
}

.yusee-consentement button[data-reponse="non"]:hover {
  background: transparent;
  color: #f4f5f7;
  text-decoration: underline;
}

.yusee-consentement-oui { background: #2f6bff; }
.yusee-consentement-oui:hover { background: #2a60e6; }

@media (max-width: 420px) {
  .yusee-consentement-actions { flex-direction: column-reverse; }
  .yusee-consentement button { width: 100%; }
}