CSS滤镜亮度:可以单独应用于一个元素的边框和主体吗？

<style>
    .element {
        position: relative;
        width: 200px;
        height: 200px;
        border: 5px solid black;
    }
    
    .element::before {
        content: "";
        position: absolute;
        top: -5px;
        left: -5px;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        border: 5px solid black;
        filter: brightness(150%);
    }
    
    .element::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        filter: brightness(50%);
    }
</style>

<div class="element"></div>