 In today's GUI snippet, we are building a gradient shadow. And we're gonna do that with a pseudo element that's behind the original element. So here it is in red, we push it behind, we blur it, and we share the gradient. So let's start with the gradient, linear gradient. We're gonna go to bottom right. We're gonna just go from lime to cyan. Nice little color combo. Turn that into a custom property so that we can share that to the pseudo element. We're gonna use our custom prop and then let's go build that pseudo element. Set the position to absolute. Set the inset to zero, which is gonna have it cover the whole space. Let's set it background red so we can see that it busted out of the space. Well, we wanna make sure it's behind the original element. We'll set the original element to position relatives so that it kind of contains. We're gonna share the border radius to that pseudo element with inherit. And then we can go do transform. We're gonna use translate, why to push it down. We're gonna scale it down a little bit because that's how shadows work in most cases. We'll give it a filter blur of 30 pixels and we're gonna increase the brightness so it's a little bit lighter. And lastly, you use that shared gradient custom property and we are done. Hope you liked this GUI snippet and I'll see you in the next GUI challenge.