@charset "UTF-8";

.links-content-warp {
    /*border: 1px solid pink;*/
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: .5rem;
    backdrop-filter: blur(10px);
}

.link-li-warp {
    /* border: 1px solid pink; */
    transition: border-color .5s, box-shadow .5s;
    background-color: rgb(255 255 255 / 22%);
    border-radius: .2rem;
    box-shadow: 2px 2px 2px rgb(83 83 83 / 40%);
}
.link-li-warp:hover {
    box-shadow: 5px 5px 5px rgb(255 138 138 / 40%);
}

.link-li-icon {
    height: 40px;
    width: 40px;
}

.link-li-title {
    transition: color .5s;
    color: #ffd0d0;
    font-weight: bolder;
}
.link-li-warp:hover .link-li-title {
    color: var(--bg-color);
}

.link-li-dea {
    font-size: 12px;
    color: white;
}