#steam-choice {
    color: #c7d5e0;
    font-size: 16px;
}
#steam-choice a{
    color: #c7d5e0 ;
    text-decoration: none;
    display: flex;
    width: 100%;
    justify-content: center;
    max-width: 250px;
    padding: 5px;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
    align-content: center;
    text-align: center;
}
#steam-choice .col-12:nth-child(n+2) {
    border-top: 2px solid transparent;
    border-image: linear-gradient(to right,transparent 5%,rgb(70 204 255 / 0.3) 30%,rgb(70 204 255 / 0.5) 50%,rgb(70 204 255 / 0.3) 70%,transparent 95%);
    border-image-slice: 1;
}
#steam-choice a:hover{
    transform: scale(1.1);
    transition: all 0.2s ease-in-out;
}
#steam-choice .modal-header {
    border: none;
}
#steam-choice h2 {
    font-size: 26px;
}
#steam-choice .h2-title-single span {
    color: #c7d5e0
}
#steam-choice img {
    width: 100%;
}
#steam-choice .modal-content{
    background: #1b2838;
}
#steam-choice .modal-body {
    background: linear-gradient( to bottom, rgba(42,71,94,1.0) 5%, rgba(42,71,94,0.0) 70%);
}
#steam-choice .img-block {
    text-align: center;
}
#steam-choice .img-block img{
    max-width: 250px;
    border-radius: 15px;
}
#steam-choice .modal-dialog {
    max-width: 680px;
}