@use "../../00-base/colors/colors";
@use "../../00-base/mixin/lists.mixin";
@use "../../00-base/mixin/core.mixin";
@use "../../00-base/mixin/elevation.mixin";

.hoo-buttonflyout{
	@extend %listReset;

	display: inline-block;
	flex-direction: column;

	border: 1px colors.$neutral-450;
	background-color: colors.$neutral-000;
	cursor: pointer;

	@include elevation.elevation(4);
	z-index: 400;
	.hoo-buttoncmd{
		width: 100%;
	}
	.hoo-buttonaction{
		width: 100%;
		height: auto;
		min-height: core.px2rem(36px);
		padding-right: 3rem;
		:disabled:hover{
			background-color: inherit;
		}
		&:hover{
			background-color: colors.$neutral-100;
			.hoo-button-label{
				color: colors.$neutral-700;
			}
		}
		&:active{
			color: colors.$neutral-800;
		}
	}
}
.hoo-buttonflyout-item{
	display: block;

	width: auto;
}
.hoo-buttonflyout-button{
}