#randoseruBtn .function_list {
    width: 50%;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    width: 600px;
}

#randoseruBtn .function_list li {
    width: 100%;
    margin-bottom: 3%;
    box-shadow: inset 0 0 0 2px #fff, 4px 4px 0px 4px #1d50a2;
    border: 2px solid #1d50a2;
    border-radius: 20px;
    background-color: #fff;
    transition: .3s;
    margin-bottom: 12%;
    padding: 2px;
    list-style: none;
}

#randoseruBtn .function_list li img {
    border-radius: 20px;
}

#randoseruBtn .function_list li a {
    display: block;
}

#randoseruBtn .function_list li a:hover {
    opacity: 1;
}

#randoseruBtn .function_list li:hover {
    opacity: 1;
    transform: translateY(.4rem);
    box-shadow: inset 0 0 0 2px #fff, 0 0 0 rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 768px) {
    #randoseruBtn .function_list {
        width: 85%;
    }
}