Как правильно прописать вместо фильтра два свойства?

border: 1px solid #e9e8f4; и filter: blur(40px);

или может немного фильтр подправить? чтобы и бордер был виден и тень

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>


Ответы (0 шт):