#ecp-confirmation-content .ecp-header--confirmation-page {
  order: -1;
}

#ecp-confirmation-content .ecp-header--confirmation-page > div {
  position: relative;
  padding-top: 32px;
}

#ecp-confirmation-content .ecp-header--confirmation-page #edit-form-intro h2 {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-normal);
}

#ecp-confirmation-content h3 {
  font-size: 24px;
}

#ecp-confirmation-content p {
  font-size: 18px;
}

#ecp-confirmation-content .omb-expiration-info--confirmation-page a {
  color: var(--omb-orange);
}

#ecp-confirmation-content .webform-confirmation__message {
  margin-top: 32px;
}

#ecp-confirmation-content .webform-confirmation__back {
  margin-bottom: 48px;
}

#ecp-confirmation-content #survey_box {
  max-width: 600px;
  border-radius: 4px;
  border: 1px solid rgba(151,151,151, 1);
  opacity: 1;
  position: relative;
  margin-bottom: 15px;
}

#ecp-confirmation-content #survey_top {
  background-color: #ECF4FA;
  height: 115px;
  padding: 25px 15px 25px 15px;
}

#ecp-confirmation-content #survey_top h3 {
  max-width: 400px;
}

#ecp-confirmation-content #survey_icon {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background-color: #083346;
  background-image: url(/themes/custom/dkan_theme/images/icons/survey-icon.svg);
  position: absolute;
  right: 25px;
  top: 25px;
}

#ecp-confirmation-content #survey_bottom {
  background-color: #FFFFFF;
  max-width: 100%;
  padding: 0px 15px 25px 15px;
}

#ecp-confirmation-content #feedback_wrapper {
  max-width: 420px;
}

#ecp-confirmation-content #survey_button {
  position: relative;
  padding-right: 25px;
  border-right-width: 25px
}

#ecp-confirmation-content #external_link_icon {
  width: 16px;
  height: 16px;
  background-color: #12890e;
  background-image: url(/themes/custom/dkan_theme/images/icons/external-link-icon.svg);
  display: inline-block;
  background-size: 16px;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  right: 3px;
}


@media (max-width: 500px) {
  #ecp-confirmation-content .ecp-header--confirmation-page .ds-c-button--solid {
    width: -webkit-fill-available;
    width: -moz-available;
  }
}


@media (min-width: 1025px) {
  #ecp-confirmation-content .ecp-header--confirmation-page > div &::after {
    position: absolute;
    bottom: 16px;
    right: 0;
    content: '';
    height: 271px;
    width: 290px;
    display: block;
  }
}

@media (max-width: 700px) {
  #ecp-confirmation-content #survey_icon {
    display: none;
  }
}