$button-height = 36px

link-button()
	a.bunt-link-button
		display: inline-flex
		background-color: $clr-grey-200
		text-decoration: none
		color: $clr-primary-text-light
// styling/theming mixing
// style = 'flat', 'clear'
// size = 'normal', 'large', 'huge'
// use contrast instead of lightness?
link-button-style(style = 'flat', color = style is 'clear' ? $clr-primary-text-light : $clr-grey-200, text-color = lightness(color) < 60% ? $clr-primary-text-dark : $clr-primary-text-light, size = 'normal')
	if style is 'flat'
		color: text-color

		_flat-button-color(color)

		&.autofocus:focus,
		body[modality="keyboard"] &:focus
			outline-width 2px
			outline-offset 2px

		.bunt-ripple-ink .ripple.held
			opacity: 0.7

	else if style is 'clear'
		color: color
		background-color: transparent

		&:hover:not([disabled])
			background-color: alpha(color, 0.08)

		&.autofocus:focus,
		body[modality="keyboard"] &:focus
			outline-width: 2px
			outline-offset: 0

	if size is 'large'
		font-size: 18px
		height: 52px
		padding: 0 64px
	if size is 'huge'
		font-size: 32px
		font-weight: 300
		height: 64px
		padding: 8px 64px