.Toast {
  background: var(--dialog-bg);
  border-radius: $card-corner;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  gap: $unit-2x;
  padding: $unit-3x;

  .Header {
    align-items: center;
    display: flex;
    justify-content: space-between;

    h3 {
      font-size: $font-regular;
      font-weight: $medium;
    }

    button {
      background: none;
      border: none;
      font-size: $font-regular;
      font-weight: $bold;

      &:hover {
        cursor: pointer;
      }
    }
  }

  p {
    line-height: 1.3;
  }
}