.component__card[data-theme=dark] .component__card-ruler:before{
    background: var(--palette-primary-seltzer);
}
.component__card .row .col-lg-4{
    width: 100%;
}
.component__card .row .col-lg-4 .card__article{
    width: 100%;
}
@media(max-width: 767px){
    /*.component__card[data-category=compact] .component__card-ruler{*/
    /*    width: calc(100% + 40px);*/
    /*    left: -20px;*/
    /*}*/
    .component__card .row .col-lg-4 .card__article{
        max-width: 100%;
        
    }
    .component__card .button__wrap{
        text-align: center;
    }
}