.planet {
    mask-image: url(/custom/style/img/planet.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    height: 10em;
    text-align: center;
    width: 10em;
    color: white;
    margin: auto;
}

.planet > div {
    font-family: "Shantell Sans";
}

.planet:hover {
    mask-image: url(/custom/style/img/planete_hover.svg);
    text-decoration: none;
    color: white;
}

@media (min-width: 1024px) {
    .planet {
        margin: 0px;
    }
}