.dtc-callout-component {
  min-width: 200px;
  max-width: 400px;
}

.dtc-callout-component .callout-header {
  font-size: 24px;
}

.dtc-callout-component .callout-link {
  font-size: 12px;
  margin: 2px 0px 5px 0px;
}

.dtc-callout-component .callout-link .bowtie-navigate-external {
  padding-left: 5px;
}

.dtc-callout-component .callout-description {
  font-size: 12px;
  margin-top: 2px;
}

.dtc-callout-component .callout-no-link {
  margin-bottom: 5px;
}

.dtc-callout-component .dtc-callout {
  margin: 15px;
  outline: none;
}

.vss-focus-visible .dtc-callout-component .dtc-callout:focus {
  outline: 1px solid rgba( 0, 0, 0 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .vss-focus-visible .dtc-callout-component .dtc-callout:focus {
    outline: 1px dashed windowtext !important;
  }
}

.dtc-callout-component .dtc-callout .dtc-callout-content {
  margin: 5px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.dtc-callout-component .callout-footer {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  padding: 0 0 0 10px;
}

.dtc-callout-component .callout-footer .callout-footer-btn {
  height: 40px;
}

.dtc-callout-component .callout-additionalContent {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.dtc-callout-component .callout-additionalContent .callout-additionalContent-icon {
  vertical-align: top;
  padding: 3px 6px 0 0;
}