@import '../../style/variables.less';

button,
input[type='button'] {
	&.button {
		cursor: pointer;
		outline: none;
		padding: 8px 60px;
		background: @color-primary;
		color: white;
		border: none;
		border-radius: 4px;
		font-size: 18px;

		@media @smartphone {
			font-size: 14px;
			padding: 0;
		}

		&:hover {
			color: @color-linkColorHover;
		}

		&.invert {
			background: white;
			border: 2px solid @color-primary;
			color: @color-primary;
			&:hover {
				color: lighten(@color-primary, 20%);
			}
		}
	}
}