Template:Top-link/style.css

.rotate45 {
    transform: rotate(45deg);
}

.top-link {
    flex: 1 150px;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 12px;
    transition: all .5s cubic-bezier(0.22, 0.61, 0.36, 1);
    margin: 0 1px;
}

.top-link:hover {
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    background-color: #fcfcfc;
    box-shadow: 0 0 2px #ccc;
}

.top-link ul {
    list-style: none;
    margin: 16px 0;
}

.top-link a {
    color: #464646!important;
    text-decoration: none!important;
}

.top-link-title {
	margin: 16px 0;
    font-weight: bold;
    font-size: 1.05em;
    /* color: #18191c; */
    -webkit-user-select: none;
    user-select: none;
}

.top-link-title .material-icons-round {
    margin-right: 3px;
    vertical-align: middle;
    /* color: #18191c; */
    -webkit-user-select: none;
    user-select: none;
}

@media{
    .top-link:hover {
        border: 1px solid #3c3c3c;
        background-color: #313131;
        box-shadow: 0 0 2px #5d5d5d;
        color: #c4c4c4;
    }

    .top-link a {
        color: #9b9b9b!important;
    }
}