.icon-button, .button
{
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
	position: relative;
	color: #000000;
	text-align: center;
}

.icon-button
{
	width: 60px;
	height: 60px;
}

.icon-inner
{
	outline: none;
	border: none;
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	height: 100%;
}

.icon-button:before, .button:before
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-transition: width 0.25s;
	transition: width 0.25s;
	z-index: 0;
	border-radius: 3px;
}
  
.icon-button:hover:before, .button:hover:before
{
	width: 100%;
}

.button.disabled, .icon-button.disabled
{
	opacity: 0.55;
	cursor: not-allowed;
}