#contactToggle {
display: block;
cursor: pointer;
position: fixed;
inset: auto 0 0;
z-index: 20;
font-size: 3rem;
text-align: center;
color: #039;
background-color: #efefef;
box-shadow: 0 -3px 5px rgba(0, 0, 0, .1);
transition: background .3s;
}
#contactToggle:hover {
text-decoration: none;
background-color: #f7f7f7;
}
#contactToggle i {
font-size: 1.2em;
vertical-align: text-bottom;
transition: transform .3s;
}
#contactToggle.active i {
transform: scaleY(-1);
}
@media (min-aspect-ratio: 3/4) {
#contactToggle {
inset: auto auto 2rem 2rem;
padding: .2rem 2rem;
box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
/* font-size: 3rem; */
}
#contactToggle i {
display: none;
}
}
@media (min-aspect-ratio: 4/3) {}
@media (min-aspect-ratio: 16/9) {}
@media (min-aspect-ratio: 20/9) {}