@import '../../styles/config/typography.scss';
@import '../../styles/config/layout.scss';
@import '../../styles/config/breakpoints';

.header {
  padding: 1.5rem;
  width: inherit;
  background: radial-gradient(
    74.83% 76.97% at 50% 13.64%,
    #343641 0%,
    #1b1c22 100%
  );
  box-shadow: 0px 5px 5px rgb(0 0 0 / 0%), 0px 3px 14px rgb(0 0 0 / 0%),
    0px 8px 10px rgb(0 0 0 / 15%);
}
.content {
  padding: 1rem;
}
.subtitle {
  margin: 1rem 0;
}
hr {
  margin: 2rem 1rem;
}
.buttons {
  display: flex;
  @media screen and (max-width: $width-tablet) {
    flex-direction: column;
    button {
      width: 100%;
    }
  }
}