[data-extension="consent_manager"] [data-action="banner"].bottom-left {
  width: 30%;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 64em) {
  [data-extension="consent_manager"] [data-action="banner"].bottom-left {
    width: 90%;
    left: 5%;
  }

  [data-extension="consent_manager"] [data-action="banner"].bottom-left .container {
    width: 100%;
    max-width: none;
    max-height: 90vh;
  }
}


[data-extension="consent_manager"] [data-action="banner"] .description {
  display: block !important;
}

[data-extension="consent_manager"] [data-action="banner"] .features {
  display: block !important;
}

[data-extension="consent_manager"] [data-action="banner"] h5,
[data-extension="consent_manager"] [data-action="banner"] .h5 {
  display: inline;
  font-size: 1.25rem;
  background: none;
  border: none;
  color: #4691af;
  padding: 0;
}

[data-extension="consent_manager"] [data-action="banner"] .custom-switch label:focus,
[data-extension="consent_manager"] [data-action="banner"] .custom-switch label:hover {
  text-decoration: underline !important;
}

[data-extension="consent_manager"] [data-action="banner"] .custom-switch {
  position: relative;
}

[data-extension="consent_manager"] [data-action="banner"] .custom-switch input {
  position: absolute;
  top: 5px;
  left: 0;
}

[data-extension="consent_manager"] [data-action="banner"] .custom-switch label {
  position: relative;
  left: 20px;
  top: 3px;
}

[data-extension="consent_manager"] [data-action="banner"] label {
  display: inline-block;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-transform: none;
}

[data-extension="consent_manager"] .button,
[data-extension="consent_manager"] .button:hover {
  background-image: none;
  padding: 10px 15px;
}


[data-extension="consent_manager"] [data-action="banner"] .button {
  width: 100%;
}

[data-extension="consent_manager"] .button.btn-primary {
  background-color: #4691af;
  color: white;
}

.consent-manager-preview {
  border: 1px solid;
  padding: 1rem;
  text-align: center;
  margin-bottom: 10px;
}

.doris [data-extension="consent_manager"] .button.btn-primary {
  background-color: #009ee0;
}

.doris [data-extension="consent_manager"] [data-action="banner"] h5,
.doris [data-extension="consent_manager"] [data-action="banner"] .h5 {
  color: #009ee0;
}

span[data-extension="consent_manager"],
span[data-action="banner"] {
  display: inline-block;
  margin-left: 10px;
}