Bevel & emboss
A light edge on one side and a shadow on the other, faking that a flat shape is raised off the surface or stamped into it.
See it
What it is
Bevel and emboss is one trick with two settings: put a highlight on one edge of a shape and a shadow on the opposite edge, and the flat shape reads as physical. Highlight on top means raised (embossed); highlight on the bottom means pressed in (debossed, the letterpress look). Both assume a single light source, almost always up and to the left, and they fall apart the moment one element in the layout disagrees about where that light is.
Reach for it when you want a surface to feel like a material: letterpressed headings on a paper texture, dial and switch faces, coin or seal artwork, the whole neumorphism family. On the web you rarely need a filter for it. A one-pixel dark text-shadow above plus a one-pixel light shadow below gets the letterpress effect, and paired inset and outer box-shadow gets the raised panel.
Gotcha: it needs a mid-tone background to live on. On pure white the highlight has nowhere to go, on pure black the shadow vanishes, and you get half an effect that just looks like blurry text. The other trap is amplitude: past a couple of pixels of offset and any real blur, you leave 'tactile' and arrive at 1998 WordArt.
Ask AI for it
Give this element a subtle bevel and emboss treatment, letterpress style: assume a light source at the top left, add a 1px dark shadow on the top edge and a 1px light highlight on the bottom edge (use text-shadow for type, paired inset and outer box-shadow for panels). Put it on a mid-tone background, not white or black, keep the offsets at 1px to 2px with almost no blur, and use low-opacity black and white rather than saturated colors so the relief reads as light, not as an outline.