apply shadow directly to button

src/view/com/auth/SplashScreen.tsx

@@ -79,17 +79,6 @@ export const SplashScreen = ({
         <View
           testID="signinOrCreateAccount"
           style={[a.px_5xl, a.gap_md, a.pb_sm]}>
-          <View
-            style={[
-              t.atoms.shadow_md,
-              {
-                shadowOpacity: 0.1,
-                shadowOffset: {
-                  width: 0,
-                  height: 5,
-                },
-              },
-            ]}>
           <Button
             testID="createAccountButton"
             onPress={() => {
@@ -101,12 +90,21 @@ export const SplashScreen = ({
               msg`Opens flow to create a new Bluesky account`,
             )}
             size="large"
-              color={isDarkMode ? 'secondary_inverted' : 'secondary'}>
+            color={isDarkMode ? 'secondary_inverted' : 'secondary'}
+            style={[
+              t.atoms.shadow_md,
+              {
+                shadowOpacity: 0.1,
+                shadowOffset: {
+                  width: 0,
+                  height: 5,
+                },
+              },
+            ]}>
             <ButtonText>
               <Trans>Create account</Trans>
             </ButtonText>
           </Button>
-          </View>
 
           <Button
             testID="signInButton"