.form-button-container {
  width: fit-content;
  justify-content: flex-start;
  padding: 0 0 0 0;
  flex-shrink: 0;
}

.submit-btn {
	background-color: var(--color__primary__color1); /* Primary color */
	color: var(--color__primary__color3);              /* Text color */
	justify-content: center;
	align-items: center;
	gap: 0.44444444rem;
	border-radius: 2px;
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font__family__body);
	font-size: var(--font__size__14);
	font-style: normal;
	font-weight: bold;
	line-height: var(--font__lineheight__14);
	letter-spacing: var(--font__letterspacing__XXS);
	text-decoration: none;
	position: relative;
	height: 40px;
	transition: all 0.3s ease-in-out;
	border: none;
	cursor: pointer;
	width: auto;
	box-shadow: inset 0 0 0 3px var(--color__primary__color1),inset 0 0 0 4px rgba(243, 232, 210, .5);
	padding-top: var(--inset__none);
  	padding-right: var(--inset__S);
  	padding-bottom: var(--inset__none);
  	padding-left: var(--inset__S);
	}
	.submit-btn:hover {
	background-color: #392F28; /* Darker shade on hover */
	box-shadow: inset 0 0 0 3px #392F28,inset 0 0 0 4px rgba(243, 232, 210, .5);
	color: var(--color__primary__color3);
	}
	.submit-btn:active {
  	transform: translateY(2px); /* "Pressed" effect */
	}
	.submit-btn:focus {
	outline: 3px solid var(--color__primary__color1); /* Highlight for Tab navigation */
	}
	input:focus, textarea:focus {
	outline: 2px solid var(--color__primary__color1);
	}

	/* Intelligent focus for modern browsers */
	input:focus-visible, textarea:focus-visible {
	outline: 2px solid var(--color__primary__color1);
	outline-offset: 2px;
	border-radius: 4px;
	}
	#firstname-error, #lastname-error, #phone-error, #email-error, #message-error {
	font-size: var(--font__size__XXXS);
    font-family: var(--font__family__body);
    font-weight: var(--font__weight__FabiolaRegular);
    letter-spacing: var(--font__letterspacing__XXS);
    line-height: var(--font__lineheight__tight__XXXS);
	text-align: left;
	color: var(--color__secondary__color500);
	}
	textarea {
    min-height: 150px;
	}
	/* Styling for invalid input */
	/* Only shows red border after the user interacts with the field */
	input:user-invalid, textarea:user-invalid {
		border: 2px solid #D83C16;
	}
	/* Styling for valid input */
	input:valid, textarea:valid {
		border: 2px solid green;
	}


@media (max-width: 768px) {
	.form-button-container {
		padding: 8px 0 0 0;
		width: 100%;
	}
}