$announcement-modal-close-button-size: var(--wds-announcement-modal-close-button-size, var(--wds-space-700, 28px));
$announcement-modal-help-button-icon-size: var(--wds-announcement-modal-help-button-icon-size, var(--wds-space-600, 24px));
$announcement-modal-help-button-size: var(--wds-announcement-modal-help-button-size, var(--wds-space-700, 28px));
$announcement-modal-top-controls-padding-top: var(--wds-announcement-modal-top-controls-padding-top, var(--wds-space-400, 16px));
$custom-modal-footnote-text-font-line-height: var(--wds-custom-modal-footnote-text-font-line-height, var(--wds-font-line-height-body-tiny, 16px));
$custom-modal-footnote-text-font-size: var(--wds-custom-modal-footnote-text-font-size, var(--wds-font-size-body-tiny, 12px));

.announcement-modal-layout {
  .base-modal-layout-footnote__inner-content {
    font-size: $custom-modal-footnote-text-font-size;
    line-height: $custom-modal-footnote-text-font-line-height;
  }

  .base-modal-layout__control-buttons {
    top: $announcement-modal-top-controls-padding-top;
  }

  .base-modal-layout__close-button[data-skin='dark'][data-size='large'] {
    width: $announcement-modal-close-button-size;
    height: $announcement-modal-close-button-size;
  }

  .base-modal-layout__help-button[data-skin='dark'][data-size='large'] {
    width: $announcement-modal-help-button-size;
    height: $announcement-modal-help-button-size;
  }

  .base-modal-layout__help-icon {
    width: $announcement-modal-help-button-icon-size;
    height: $announcement-modal-help-button-icon-size;
  }
}