form.sp-eu-kontroll-form {
	label {
		font-size: 1rem;
		line-height: 1.25rem;
		font-weight: 400;
		letter-spacing: 0rem;
		font-style: normal;
		margin-bottom: 8px;
		display: block;
	}

	.sp-input-wrapper {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: flex-start;
		gap: 8px;

		input[type="text"] {
			background: rgb(255, 255, 255);
			border: none;
			box-shadow: inset 0 0 0 1px rgb(118, 118, 118);
			border-radius: 4px;
			padding: 8px 12px;
			font-size: 1.125rem;
			line-height: 1.75rem;
			outline: 0px;
			height: 48px;
			line-height: 48px;
			box-sizing: border-box;
			text-transform: uppercase;

			&:focus {
				outline: rgb(26, 26, 26) solid 2px;
				border-color: rgb(26, 26, 26);
			}
		}

		button.sp-eu-kontroll-button {
			border: none;
			margin: 0px;
			text-decoration: none;
			border-radius: 8px;
			cursor: pointer;
			font-size: 1.125rem;
			box-sizing: border-box;
			height: 48px;
			line-height: 48px;
			padding: 0 28px;
			appearance: none !important;
			background: rgb(211, 234, 194);
			border: none;
			color: rgb(6, 46, 42);
			transition: background 0.2s, border-color 0.2s;

			&:hover,
			&:focus {
				background: rgb(180, 213, 168);
			}
		}
	}

	button.sp-eu-kontroll-button {
		background-color: #0073aa;
		color: #fff;
		padding: 0.5em 1em;
		border: none;
		border-radius: 4px;
		cursor: pointer;

		&:hover {
			background-color: #005177;
		}
	}
}

.sp-eu-kontroll-status {
	padding: 1em;
	border-radius: 0.4em;
	margin-top: 1em;
	background: #f1f1f1;
}

.sp-eu-kontroll-result {
	margin-top: 1em;
}

.sp-eu-kontroll-heading {
	margin: 0 0 1em;
}

ul.sp-eu-kontroll-list {
	padding: 0;
	margin: 0;
	list-style: none;

	li {
		list-style: none;

		&.sp-eu-kontroll-last-control {
			margin-top: 1em;
		}
	}
}