.cometa-szenario-block{
    margin:80px 0;
    opacity:0;
    transform:translateY(40px);
    transition: var(--wp--custom--main-trans);

    &.is-visible{
        opacity:1;
        transform:translateY(0);
    }

    .cometa-szenario-title{
        text-align:center;
        font-weight: 900;
        color: var(--wp--preset--color--accent);
    }

    .cometa-szenario-icon{
        text-align:center;
        margin-bottom:30px;
    }

    .cometa-szenario-icon img{
        width:70px;
    }

    .cometa-szenario-compare{
        display:grid;
        grid-template-columns:1fr auto 1fr;
        gap:30px;
        align-items:center;
    }

    .cometa-column{
        padding:3rem;
        border-radius:3rem;
        transition:  var(--wp--custom--main-trans);
        box-sizing: border-box;
        height: 100%;
    }

    .cometa-column:hover{
        transform:translateY(-5px);
        box-shadow: var(--wp--custom--box-shadow);
    }

    .cometa-good{
        background:var(--wp--preset--color--ci-yellow-light);
        border:var(--wp--custom--main-border);
        border-color: var(--wp--preset--color--ci-yellow);
        color: var(--wp--preset--color--accent);
    }

    .cometa-risk{
        background:var(--wp--preset--color--light);
        border:var(--wp--custom--main-border);
        border-color: var(--wp--preset--color--text);
    }

    .cometa-badge{
        font-weight:700;
        margin-bottom:15px;
        font-size:18px;
    }

    .cometa-good .cometa-badge{
        color:var(--wp--preset--color--ci-yellow);
    }

    .cometa-risk .cometa-badge{
        color:var(--wp--preset--color--text);
    }

    .cometa-vs{
        font-weight:700;
        font-size:20px;
        background: var(--wp--preset--color--ci-yellow);
        color: var(--wp--preset--color--light);
        width:55px;
        height:55px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:50%;
    }

    &:nth-of-type(2n){


         .cometa-good{
            order: 3;
         }

         .cometa-risk{
            order: 1;
         }

        .cometa-vs{
            order: 2
        }
    }
}



.wp-admin {
    .cometa-szenario-block{
        opacity:1;
        transform:translateY(0);
    }
}


@media screen and (max-width: 768px){
    .cometa-szenario-block {
        .cometa-szenario-compare {
            grid-template-columns: 1fr;
            text-align: center;
        }

        .cometa-vs{
            margin: 0 auto;
        }

        &:nth-of-type(2n){
            .cometa-good{
                order: 1;
            }

            .cometa-risk{
                order: 3;
            }

           
        }
    }
}