.i-linkbtn {
    display: flex;
    flex-direction: column;
    gap: 10px;
    * {
        transition: all 0.3s;
    }
    a {
        display: flex;
        align-items: center;
        font-weight: 700;
        border-radius: 10px;
        padding: 20px;
        background: #fff;
        box-shadow: 0 0 2px gray;
        position: relative;
        padding-right: 60px;
        color: #333;
        div {
            position: absolute;
            right: 20px;
            background-color: #333;
            height: 30px;
            width: 30px;
            border-radius: 100px;
            background-image: url(/img/contents/lock-w.png);
            background-size: 10px auto;
            background-position: center;
            background-repeat: no-repeat;
        }
        .hasu {
            background-image: url(/img/contents/link-w.png);
            background-color: #95a7ff;
        }
        .api {
            background-image: url(/img/contents/link-w.png);
            background-color: #1EC3A5;
        }
        &:hover {
            color: orange;
            div {
                transform: scale(1.4);
            }
        }
        &:active {
            opacity: 0.5;
            transform: scale(0.98);
        }
    }
}