How to create this kind of design with CSS?
Use CustomizerCSS, a code snippet or SimpleCSS plugin to inject the CSS.
Apply the CSS-decleration to the element, which should be styled that way.
This is the CSS:
.faqz { border-bottom-left-radius: 15px 255px !important; border-bottom-right-radius: 225px 15px !important; border-top-left-radius: 255px 15px !important; border-top-right-radius: 15px 225px !important; border-radius: 15px 225px 255px 15px 15px 255px 225px 15px !important; border: 2px solid #000!important; box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px !important; box-sizing: border-box !important; background: #f8f8f8; padding:10px; margin-top:20px; margin-bottom:20px; }
.faqz:hover { box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px !important; transform: translate3d(0, 2px, 0) !important; }
Source: https://getupnote.com/share/notes/IsanxjhGeeTnz27vGIch2gU5Bgb2/c3d46baf-a19b-4b11-b99d-4610a44a5251