@import "modal";

.danger-zone {
  margin: 1rem 0;
  padding: 2rem;
  border: 1px solid #d9534f;
  border-radius: 0.3rem;
  position: relative;

  @media (max-width: 576px) {
    padding: 1rem;
  }

  .danger-zone-title {
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 1.5rem;

    @media (max-width: 576px) {
      font-size: 1.2rem;
    }
  }

  p {
    margin-bottom: 1.5rem;
  }
}