I want to add an outer shadow into a button, but the shadow is filling the whole button.
Following is how I want the button to look.
[![enter image description here](https://i.stack.imgur.com/FbinS.png)](https://i.stack.imgur.com/FbinS.png)

This is how it actually looks:
[![enter image description here](https://i.stack.imgur.com/Mmgw1.png)](https://i.stack.imgur.com/Mmgw1.png)

Following is the code:

```
Container(
       width: (width != null ? width / 2 : 300 / 2) - 2,
        height: 35,
        decoration: BoxDecoration(
                boxShadow: selectedState == "EveryWeek"
                      ? customThemeProvider.isLuminescenceTheme
                            ? [
                              BoxShadow(
                                  color: Color(0xffCEA6F8),
                                  blurRadius: 5,
                                  spreadRadius: 0.02,
                                  offset: Offset(0.1, 0.1)),
                              BoxShadow(
                                  color: Color(0xff6E2DF9),
                                  blurRadius: 5,
                                  spreadRadius: 0.2,
                                  offset: Offset(0.1, 0.1)),
                                ]
                               : null
                      : customThemeProvider.isLuminescenceTheme
                               ? null
                                 : null,
...

```

How do I get the outer shadow?