@import "@Themes/constants.scss";

.root {
	display: flex;
	flex-direction: column;

	.title {
		text-align: left;

		@media (max-width: $screen-s) {
			font-family: 48px;
		}
	}

	.form {
		margin-top: 32px;
		.submit_button {
			margin-top: 32px;
		}
	}

	.ask-another-code {
		margin-top: 48px;
		display: flex;
		flex-direction: column;
		gap: 16px;
		align-items: flex-start;

		.new-code-button {
			&[data-disabled="true"] {
				opacity: 0.5;
				cursor: not-allowed;
			}
		}
		.new-code-timer {
			display: flex;
			gap: 6px;
			align-items: center;
		}
	}
}