更改CSS伪元素的属性

Question

我有以下CSS脚本

.facey{
                position:relative;
                display: inline-block;
                width: 24px;
                height: 24px;
                border: 3px solid black;
                border-radius: 20px;
                margin: 50px auto;
            }

            .facey:before{
                content: '';
                position: absolute;
                top: 25%;
                left: 50%;
                width: 4px;
                height: 2px;
                margin-left: -4px;
                border-left: 2px solid black;
                border-right: 2px solid black;
            }
            .facey:after{
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                width:10px;
                height: 5px;
                margin-left: -7px;
                border-bottom: 2px solid black;
                border-left: 2px solid black;
                border-right: 2px solid black;
                border-radius: 0 0 8px 8px;
            }

我想使用JS访问.facey：after，以便可以更改其某些属性，但不确定如何做。 我尝试了以下方法：

var faceyFace=document.querySelector(".facey:after");
faceyFace.style.border-radius:="1 1 8px 8px"