CSS две тени одному блоку

подскажите как можно задать две тени одному блоку div, погуглив я нахожу только варианты с внутренней тенью: box-shadow: inset -8px 8px 25px -12px rgba(0,0,0,0.5), inset 0 6px 4px -5px rgba(0,0,0,0.5);, но мне нужна внешняя, использовал тот же самый синтаксис ничего не работает(обе тени пропадают), желательно сделать это без других блоков, псевдо элементы последнее дело, кто знает как реализовать? Сейчас у меня такой вид CSS:

box-shadow: 9px 9px 16px 0px rgba(163, 177, 198, 0.5,), -9px -9px 16px 0px rgba(255, 255, 0, 0.5);