.button_alt {
	padding: 0.5rem;
	background: var(--color-tango); /*rgba(40, 40, 40, 0.9)*/ 
	border: 0.15rem solid rgba(255, 255, 255, 0.2);
	border-radius: 1rem;
}

	.button_alt > svg {
		width: 2rem;
		height: 2rem;
	}

	.button_alt > svg.icon {
		opacity: var(--opacity-zulu);
	}

		.button_alt > svg *,
		.button_alt > svg.icon * {
			fill: rgba(150, 150, 150, 0.7);
		}

	.button_alt:focus,
	.button_alt:focus-visible {
		outline: none;
		border-color: rgba(255, 255, 255, 0.8);
	}

	.button_alt:hover {
		background: rgba(60, 60, 60, 0.95);
		/*border-color: rgba(255, 255, 255, 0.1);*/
	}

	/* disabled */

	.button_alt:disabled {
		background: rgba(40, 40, 40, 0.5);
		border: 0.15rem solid rgba(255, 255, 255, 0.1);
	}

		.button_alt:disabled > svg * {
			fill: rgba(150, 150, 150, 0.3);
		}

		.button_alt:disabled:focus,
		.button_alt:disabled:focus-visible,
		.button_alt:disabled:hover {
			background: rgba(40, 40, 40, 0.5);
			border: 0.15rem solid rgba(255, 255, 255, 0.1);
			cursor: default;
		}