.inlineInputContainer {
	display: flex;
	flex-direction: column;
	gap: 5px;

	& > .inlineInputLabel {
		margin-left: 5px;
		font-size: 1.1rem;
		color: #d94253;
	}

	& > .inlineInputRow {
		display: grid;
		grid-template-columns: 1fr repeat(2, calc(1rem + 14px));
		align-items: center;
		gap: 5px;

		& > .inlineInput {
			padding: 7px 14px;
			border: 1px solid #d94253;
			border-radius: 5px;
			background-color: #f5cfd3;
			outline: none;
			font-size: 0.9rem;
			color: #d94253;
			outline: none;

			&::placeholder {
				color: #d94253;
			}
		}

		& > .inlineInputButton {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 5px;
			border: none;
			border-radius: 5px;
			background-color: transparent;
			color: #d94253;
			cursor: pointer;
			transition: background-color 0.3s ease;

			&:hover {
				background-color: rgba(#d94253, 0.5);
			}
		}
	}
}
