.df {
    display: flex;
}

.dn {
    display: none;
}

.game-select {
    width: 185px;
    height: 280px;
    display: flex;
    margin: 0 13px;
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 10px;
    flex: 0 0 auto;
    transition: transform 0.3s ease;
    padding: 10px;
    position: relative;
    cursor: pointer;
}



.game.is-active {
    width: 200px;
    height: 285px;
    /* ارتفاع وقتی کلیک شد */
    transform: translateY(-6px);
    /* اختیاری: کمی بالا بیاد */
    border: 2px solid #a6d753;
    padding: -50px;

}

.orang-border{
border: 1px solid #de624f !important;
    opacity: 1;
}

.dns-activ-activ{
    background-color: #6d0e0e;
}