Как правильно прописать вместо фильтра два свойства?
border: 1px solid #e9e8f4; и filter: blur(40px);
или может немного фильтр подправить? чтобы и бордер был виден и тень
.things__popup {
position: absolute;
z-index: 4;
top: 60px;
max-width: 264px;
width: 100%;
background-color: #fff;
border-radius: 15px;
//border: 1px solid #e9e8f4;
filter: drop-shadow(0 0 1px #e9e8f4) drop-shadow(0 0 1px #e9e8f4);
padding: 32px 40px;
}
.things__popup:after,
.things__popup:before {
content: '';
position: absolute;
bottom: 100%;
height: 20px;
width: 40px;
}
.things__popup:before {
right: 50%;
background: 0 0/50px 50px radial-gradient(102px circle at left 5px top -30px, #fff0 calc(50% - 1px), #ffff 50%) no-repeat;
}
.things__popup:after {
left: 50%;
background: 100% 0/50px 50px radial-gradient(102px circle at right 5px top -30px, #fff0 calc(50% - 1px), #ffff 50%) no-repeat;
}
.things__popup--active {
opacity: 1;
visibility: visible;
}
<div class="things__popup ">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias amet earum explicabo dolorem id veniam dignissimos esse, fugit necessitatibus consectetur iste, quasi accusamus eaque accusantium at quia eligendi, quis! Neque.</p>
</div>
