.button {
    border-radius: 3px
}

.portfolio-item[state=closed] .buttons {
    border-radius: 3px 3px 3px 3px
}

.summary-wrap {
    border-radius: 0px 3px 3px 3px;
    border-width: .5px
}

.caption-wrap {
    bottom: 0px
}

.portfolio-item[var=light] .caption {
    border-radius: 3px 3px 0px 0px;
}

.caption {
    border-bottom-color: transparent;
    border-radius: 3px 3px 0px 0px
}

.portfolio-grid .caption-wrap:not(.active) .caption {
    border-color: transparent
}

.portfolio-grid .column-wrap{
    border-radius: 3px;
    border-width: .5px
}

.portfolio-grid .column-wrap:has(.column[textid="01"][state="active"]) {
    border-radius: 0px 3px 3px 3px
}

.buttons {
    border-radius: 3px 3px 3px 3px;
    border-width: .5px;
    bottom: -1px
}

.portfolio-grid .buttons  {
    bottom: -1.5px
}

.border-v {
    width: .5px;
    border-left-width: .5px
}
.button-text {
    height: 46px
}

.portfolio-item .column-wrap {
    border-radius: 3px;
}

.portfolio-item[var=light] .buttons,
.portfolio-item[var=light] .border-v,
.portfolio-item[var=light] .summary-wrap {
    border-width: .5px
}

@media screen and (max-width:991px) {

    .portfolio-item[var=light] .buttons,
    .portfolio-item[var=light] .border-v,
    .portfolio-item[var=light] .summary-wrap,
    .portfolio-grid .column-wrap,
    .summary-wrap,
    .buttons {
        border-width: .75px
    }

    .border-v {
        width: .75px;
        border-left-width: .75px
    }

    .portfolio-grid .buttons,
    .buttons  {
        bottom: -1px
    }

    .column-wrap:has(.column[textid="01"][state="active"]) {
        border-radius: 0px 3px 3px 3px
    }

    .caption-wrap[variant=mobile] {
        bottom: -0.75px
    }

    .portfolio-grid .caption-wrap[variant=mobile] {
        border-radius: 3px
    }

    .portfolio-grid .item-logo[var=main] {
        display: none
    }
}