/* ./css/mobile.css */

@media (max-width: 768px) {
	.ios-modal-container {
	  width: 95%;
	  padding: 1.25rem;
	}

	.ios-modal-text {
	  font-size: 1rem;
	  margin-bottom: 1rem;
	}

	.ios-badge-container {
	  gap: 0.5rem;
	  margin-bottom: 1rem;
	}

	.ios-badge-img {
	  height: 44px;
	}

	.ios-button-container {
	  flex-direction: column;
	  gap: 1rem;
	}

	.ios-modal-button {
	  width: 100%;
	  padding: 0.75rem;
	}
  }