.infobox {
    color: #fff;
    width: 60%;
    margin: 2rem auto;
    padding: 1rem;
    background-color: #91b5e1;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    cursor: default;
    transition: background-color 0.5s ease-out;
}

.infobox:hover {
    background-color: #4887d7;
}

.star {
    display: block; /* prerequisite for width and height */
    text-decoration: none;
    float: right; /* place on the right edge of the box */
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/star.svg) no-repeat;
    background-size: contain;
    opacity: 0.2;
    transition: opacity 0.5s ease-out;
}

.star:hover {
    opacity: 1;
}