.toast {
  display: flex;
  align-items: center;
  gap: var(--wds-space-200, 12px);
  position: relative;
  border-radius: var(--wds-toast-border-radius, var(--wds-border-radius-400, 8px));
  border: var(--wds-border-width-varied-secondary, 0px) solid
    var(--wds-color-border-dark-secondary, transparent);
  min-width: 200px;
  max-width: 960px;
  box-shadow: var(
    --wds-shadow-surface-overlay,
    var(--wsr-shadow30, 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12))
  );
  background: var(
    --wds-toast-background-fill,
    var(--wds-color-fill-dark-primary, var(--wsr-color-D10, #000624))
  );
  box-sizing: border-box;
  padding: var(--wds-toast-vertical-padding, var(--wds-space-150, 9px))
    var(--wds-toast-horizontal-padding, var(--wds-space-200, 12px));

  & &__content {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
  }

  & &__dismiss {
    margin-inline-start: auto;
  }

  & &__dismiss-button[data-skin='light'][data-size='medium'] {
    color: var(
      --wds-toast-text-fill,
      var(--wds-color-text-standard-primary-light, var(--wsr-color-D80, #ffffff))
    );
  }

  &--mobile &__dismiss {
    display: none;
  }
}