@use "../../../styles/colors" as colors;
@use "../../../styles/variables" as vars;
@use "../../../styles/fonts" as fonts;

.pobeda-aurora-banner {
  padding: vars.$space-xl;
  background: colors.$white;
  border-radius: vars.$border-radius;
  border: 1px solid colors.$border;

  &__title {
    margin: 0 0 vars.$space-m 0;
    color: colors.$blue-dark;
    font-size: fonts.$font-size-xl;
    font-weight: fonts.$font-medium;
  }

  &__body {
    margin: 0 0 vars.$space-l 0;
    color: colors.$text-color;
    font-size: fonts.$font-size-m;
    line-height: 1.4;
  }

  &__links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: vars.$space-s;

    a {
      color: colors.$blue;
      text-decoration: underline;
      font-size: fonts.$font-size-m;
      font-weight: fonts.$font-medium;

      &:hover { color: colors.$blue-dark; }
    }
  }
}
