mealz-planner-welcome-modal {
  .mealz-modal {
    width: 480px;

    .mealz-modal__content-container {
      padding-top: 0;

      .mealz-planner-welcome-modal__description {
        display: flex;
        flex-direction: column;
        margin: 24px 0;
        gap: 12px;
      }

      .mealz-planner-welcome-modal__button-container {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 24px;

        > *:not(:last-child) {
          margin-right: 8px;
        }

        .mealz-planner-welcome-modal__refuse-button {
          padding: 12px 20px;
        }

        .mealz-planner-welcome-modal__start-button {
          padding: 12px 20px;
        }
      }
    }
  }

  @media (max-width: 600px) {
    .mealz-modal {
      width: unset;
    }
  }
}