/* segnalibro (desired aspect ratio ar_Tgt = (ref_w_px*n_vw)/(ref_h_px*n_vh) = (1920*0.06 )/ (1200*0.07) = 115.2 / 84 = 1.3714 ; 

n_vw_tgt = ar_Tgt * n_vh_tgt * ( tgt_h_px / tgt_w_px ) */

.segnalibro {
	position: fixed;
	top: 50%;
	right:0%;
	border: 0.1vmin solid rgb(255, 193, 110); /* golden rod rgb(218, 165, 32), Brass rgb(255, 193, 110)*/
	width: 6vw;
	height: 7vh;
	background: radial-gradient(rgb(255, 193, 110), rgb(255, 193, 110) 20%, transparent 100%);
	border-radius: 10vmin 0 0 10vmin;
	filter: drop-shadow(0 0 2vw white);
	z-index: 2;
}

.segnalibro > a {
	text-decoration: none;
	background-color: inherit;
	position: absolute;
	top: 0.4vh;
	left: 1vw;
	color: green;
}

.segnalibro > a > img {
	/* float: right; */
	width: 3.5vh;
object-fit: contain;
object-position: center;
border-radius: 50%;
opacity: 1;
}

.segnalibro > img {
	opacity: 0.6;
	/* transform: rotateY(180deg); */
	width: 6vw;
	height: 7vh;
	object-fit: fill;
	float: right;
	border-radius: 10vmin 0 0 10vmin;
	/* filter: drop-shadow(0 0 2vw #E37383); */
}

.segnalibro > a > img:hover { 
transform: scale(1.1);}

@media screen and (orientation: portrait) {
	
	/* (segnalibro desired aspect ratio ar_Tgt = (ref_w_px*n_vw)/(ref_h_px*n_vh) = (1200*0.12 )/ (1920*0.06) = 144 / 115.2 = 1.25 */

.segnalibro {
	width: 12vw;
	height: 6vh;
	background: linear-gradient(to right, white, 42%, rgb(255, 193, 110)); /* golden rod rgb(218, 165, 32), Brass rgb(255, 193, 110)*/
	border-radius: 10vmin 0 0 10vmin;
	z-index: 3;
}

.segnalibro > a {
	text-decoration: none;
	background-color: inherit;
	position: absolute;
	top: 0.3vh;
	left: 1.2vw;
	color: green;
	z-index: 1;
}

.segnalibro > a > img {
	/* float: right; */
	width: 3vh;
}

.segnalibro > img {
	width: 12vw;
	height: 5.8vh;
}

}