.speechsearch-frame{
	position: relative;
}

input.speechsearch-textbar{
	width: 100%;
	padding: 10px;
}

.speechsearch-button{
	position: absolute;
	width: 3.5em; height: 100%;
	right: 0; top: 0;
	cursor: pointer;
	border: none; background: none;
	font-size: 18px;
	outline: none;
	
	-o-transition: 0.25s;
	-ms-transition: 0.25s;
	-moz-transition: 0.25s;
	-webkit-transition: 0.25s;
	-webkit-backface-visibility: hidden; /* Helps reduce blurriness on Chrome */
}
	.speechsearch-button:hover{
		opacity: 0.7;
	}
	.speechsearch-button > span{
		text-align: center;
		display: block;
		font-size: 1em;
		width: 100%;
		position: absolute;
		top: calc(50% - 0.5em); left: 0;
		opacity: 1;

		-o-transition: 0.25s;
		-ms-transition: 0.25s;
		-moz-transition: 0.25s;
		-webkit-transition: 0.25s;
		-webkit-backface-visibility: hidden; /* Helps reduce blurriness on Chrome */
	}
	.speechsearch-button > span.deactivate{ opacity: 0; }

	.speechsearch-button.active > span{ color: green; }
		.speechsearch-button.active:hover > span.icon{ opacity: 0; }
		.speechsearch-button.active:hover > span.deactivate{ opacity: 1; }