.hoverBox {
    border: 2px solid white;
    background-color: black;
    color: white;
    display: inline-block;
    padding: 8px;
    border-radius: 5px;
    opacity: 0.3;
    transition: opacity 0.5s;
    position: relative;
    left: 10%;
    top: 6%;
}

    .hoverBox:hover {
        opacity: 1;
        transition: opacity 0.5s;
    }

.hoverIcon {
    width: 4vmin;
    height: 4vmin;
    opacity: 0.7;
}

    .hoverIcon:hover {
        opacity: 1;
        transition: opacity 0.3s;
        cursor:pointer;
    }