.btn-round {
	width: 32px;
	color: #c8aa6e;
	border: 0;
	border-radius: 50%;
	border-image: none;
	box-shadow: none;
	background: linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%);
	padding: 2px;
	min-width: 0;

	> div {
		border-radius: 50%;
		font: 16px/28px Material;
		background: #1e282d;
	}

	&:hover, &:active {
		> div {
			background-image: linear-gradient(to bottom, transparentize(#c89b3c, 1) 50%, transparentize(#c89b3c, .75) 100%);
		}
	}

	&:hover {
		background: linear-gradient(to bottom, #f0e6d2 0%, #c89b3c 100%);

		> div {
			color: #f0e6d2;
		}
	}

	&:active {
		background: linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%);

		> div {
			color: #5c5b57;
		}
	}

	&.btn-primary {
		background: linear-gradient(to bottom, #0abdb7 0%, #0abdb7 60%, #0c4550 100%);
		color: #a3c7c7;

		> div {
			background: #101721;
		}

		&:hover {
			background: linear-gradient(to bottom, #b4fbfb 0%, #4bb8d9 100%);

			> div {
				background-image: linear-gradient(to bottom, #102120 20%, #214341 100%);
				color: #caf8f7;
			}
		}
	}
	
	&.disabled {
		> div {
			background: none;
			line-height: 24px;
		}
	}
}