h4{color:$primary-color;}


.button.gray{
	background-color:$medium-gray;
}

.button.white{
	background-color:$white;
	color:$medium-gray;
}

.button__disabled{
	position:relative;
	&::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:$white;}
}

.button__empty-cart{
	background-color:$white;
	color:$medium-gray;
	padding:0.375rem 0.75rem;
	font-size:0.875rem;
	transform:translateY(-0.75rem);
	&:hover,&:focus{background:none;color:$black;}
}

.button-toggle{
	background:none;
	padding:0;
	color:$black;
	padding: 0.75rem 0;
	cursor: pointer;
	position: relative;
	width:1.5rem;
	height:1.5rem;
	
	&:focus{background:none;}
	&:hover{
		background:none;
		//color:$primary-color;
	}
	
	span{
		position: absolute;
		transition: 300ms;
		background: $primary-color;
		&:first-child {
			top: 25%;
			bottom: 25%;
			width: 10%;
			left: 45%;
		}
		
		&:last-child {
			left: 25%;
			right: 25%;
			height: 10%;
			top: 45%;
		}
		
	}
	span.hidden{opacity:0;}

	&[aria-expanded="false"]{
		
		span{transform: rotate(90deg);}
		span:last-child {
			left: 50%;
			right: 50%;
		}
		
	}
  
}

.button-group,
.button-group:hover{
	background:none;
}

.link{
	color:$primary-color;
	&[disabled]{color:$medium-gray;}
}

small.clear{
	display:block;
	line-height:1rem;
}


.data-form-toggle{
	
	.wrapper__form{
		
		@include animate(0.5s);
		
		overflow:hidden;
		max-height: 1000px;
		height:auto;
		
		.form{margin-bottom:1.5rem;}
		
		&.collapsed{
			//overflow:hidden;
			max-height: 0;
		}
		
		.button__toggle-form{}
		.button__layer{display:none;visibility:hidden;}
				//.button.white{}

	}
	
}

.label__email{
	background-color:$light-gray;color:$black;margin-right:0.125rem;
}
.label__text-gray{
	background:none;color:$medium-gray;transform:translateY(-0.75rem);cursor:pointer;
}