.btn:hover .btn-img,
.btn-embedded:hover .btn-img {
    display: none;
}

.btn:hover .btn-img-hover,
.btn-embedded:hover .btn-img-hover {
    display: inline-block;
}

.btn-img-hover {
	display: none;
}

.btn {
	background-color: #333;
	color: white;
	border: 0.3vh solid white;
	font-size: var(--font-size);
	margin: 1vh;

	display: inline-flex;
  	align-items: center;
  	justify-content: center;
}

.btn-embedded {
	background-color: #333;
	color: white;
	border: 0.3vh solid white;
	font-size: var(--font-size);

	display: inline-flex;
  	align-items: center;
  	justify-content: center;
}

.btn-embedded:hover {
	background-color: white;
	color: black;
    border-color: black;
}

/*.btn-right {
	margin-left: auto;
}*/

.btn-img, .btn-img-hover {
	width: 2.5vh;
	margin-left: 0.5vh;
}

.btn:hover {
	background-color: white;
	color: black;
}

/* 'apply' button specific style */
.btn-type-apply {
    color: #80FF00;
    border-color: #80FF00;
}

.btn-type-apply:hover {
    border-color: #80FF00;
    background-color: #80FF00;
}

/* 'add' button specific style */
.btn-type-add {
    color: #00A6FF;
    border-color: #00A6FF;
}

.btn-type-add:hover {
    border-color: #00A6FF;
    background-color: #00A6FF;
}

/* 'sub' button specific style */
.btn-type-sub {
    color: #FF9F00;
    border-color: #FF9F00;
}

.btn-type-sub:hover {
    border-color: #FF9F00;
    background-color: #FF9F00;
}