Имеется блок — выплывающее окно у которого after добавляет треугольную стрелочку, у блока требуется добавить тень. При добавлении тень игнорирует стрелочку, и для того, чтобы это обойти придется делать костыль. Добавить для тени before:

.bt_delivery_win{  // выпадающее окно
   position: absolute;
   min-width: 300px;
   margin-top: 20px;
   padding: 20px 20px 20px 40px;
   color: #000000;
   background: #f0f0f0;
   box-shadow: 0 0 4px rgba(0,0,0,0.5);
   cursor: default;
   z-index: 3;
}

.bt_delivery_win:before { // тень для стрелки
   content: "";
   position: absolute;
   width: 27px;
   height: 16px;
   top: 0;
   left: 20%;
   margin-left: -7px;
   background: #f0f0f0;
   z-index: 1;
}

.bt_delivery_win:after { // сама стрелка
   content: "";
   position: absolute;
   width: 15px;
   height: 15px;
   top: -8px;
   left: 20%;
   background: #f0f0f0;
   box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
   transform: rotate(45deg);
}

Вот так это выглядит: