shack/assets/css/inputs.css

.input {
	box-sizing: border-box;
    padding: .5rem .75rem;
    font-size: 1rem;
    flex-basis: 0;
    border: solid 1px var(--grey-light-30);
    border-radius: .25rem;
	background: var(--grey-light-60);
	font: inherit;

    &:focus {
		outline: none;
		border-color: var(--primary-light-50);
    }
}

.button {
    padding: .5rem 1rem;
    border: none;
    border-radius: .25rem;
    background: var(--grey-light-30);
    font-size: 1rem;
    font-weight: bold;

	&:hover {
		cursor: pointer;
		background: var(--primary);
		color: var(--text-light);
	}

    &:focus {
		outline: none;
    }
}

.button-submit {
    background: var(--primary-light-30);
    color: var(--text-light);

    &:hover:not(:disabled) {
		background: var(--primary);
		cursor: pointer;
    }

	&:disabled {
		background: var(--shadow-weak-10);
	}
}

.button-cancel {
    background: none;
    color: var(--shadow-strong-10);
	font-weight: normal;

    &:hover:not(:disabled) {
		color: var(--error);
		cursor: pointer;
    }

	&:disabled {
		color: var(--shadow-weak-10);
	}
}

.radio {
	margin: 0 .5rem 0 0;
}