.loupe {
    display: table;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.loupe:before {
    display: block;
    content: '\f00e';
    font-family: "FontAwesome", sans-serif;
    font-size: 72px;
    color: #053e59;
    opacity: .65;
    cursor: pointer;
    transition: all .4s ease-out;
}
.loupe:hover:before,
.loupe:focus:before {
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5);
}
.loupe_inverse:before {
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5);
}
.loupe_inverse:hover:before,
.loupe_inverse:focus:before {
    color: #053e59;
    text-shadow: none;
}