lostplaces-frontend/components/03_Organisms/form/_form.scss

.LP-Form{

	&--inline {
		.LP-Form__Legend, .LP-Input__Label {
			display: none;
		}

		.LP-Form__Button {
			@include RV-FlexRow__Item--fixedSize(max-content);
		}
	}

	&:not(.LP-Form--inline){
		.LP-Form__Composition {
			@media(max-width: $-viewport-extra-small){
				@include RV-FlexRow__Container--multiRow;
			}
		}

		.LP-Form__Button {
			@include RV-FlexRow__Item--fixedSize(130px);

			@media(max-width: $-viewport-extra-small) {
				@include RV-FlexRow__Item--fixedSize(100%);
			}
		}
	}

    .LP-Form__Fieldset{
		@include RV-Reset;
        max-width: 1200px;
		min-width: $-viewport-medium;
		
		@media(max-width: $-viewport-medium){
			min-width: unset;
		}
	}

	.LP-Form__Legend{
		margin: 0;
		padding: 0;
		font-family: $-primary-sans-serif-font;
		font-size: 21px;
	}

	.LP-Form__Composition{
		@include RV-FlexRow__Container;
		@include RV-Spacing__Inner--small('');

		&--breakable {
			@media(max-width: $-viewport-small){
				@include RV-FlexRow__Container--multiRow;
			}
		}

		&--buttons{
			justify-content: flex-end;
			@include RV-Spacing__Inner--small;
		}
	}

	.LP-Form__Field{
		@include RV-FlexRow__Item;
	}
	
	.LP-Form__InfoText{
		.LP-Paragraph{
		font-family: $-primary-sans-serif-font;
		color: $-grey;
		}
	}
}