:global {
	.#{$prefix} {
		&btn {
			height: 30px;
			padding: 0 20px;
			border: 1px solid $primary-color;
			border-radius: 30px;
			color: $primary-color;
			font: 400 1.1rem/1.5 map_get($font-family, sans);
			text-transform: uppercase;
			transition: color .35s, border .35s, background-color .35s;
			cursor: pointer;
			
			&:hover {
				color: $black;
				background-color: $primary-color;
			}
			
			&-lg {
				padding: 0 30px;
				border-radius: 40px;
				min-height: 46px;
				font-size: 2.0rem;
				line-height: 3.0rem;
				.label {
					line-height: 46px;
				}
			}
		}
		
		&label {
			line-height: 30px;
			color: inherit;
			display: block;
		}
		
		&disabled {
			pointer-events: none;
			color: $white-mid;
			border: 1px solid $white-mid;
			background-color: transparent;
		}
	}
}