Added BorderAnimate

src/components/WeatherModal/CurrentWeather.tsx

@@ -156,14 +156,15 @@ export default function CurrentWeather({
 									backgroundColor: 'var(--mantine-color-background-0)',
 									border: 'thin solid var(--mantine-color-primary-0)',
 									zIndex: 1,
-									padding: '2.25rem',
+									paddingLeft: '2.25rem',
+									paddingRight: '2.25rem',
 									borderRadius: '100%',
 									aspectRatio: 1,
 								}}
 								align='center'
 								justify='center'
 							>
-								<Box m={0} p={0} mb={'-.5rem'}>
+								<Box m={0} p={0}>
 									<WeatherFeaturePill
 										leftSide={<Text>Feels like </Text>}
 										rightSide={
@@ -176,7 +177,7 @@ export default function CurrentWeather({
 										highlight='right'
 									/>
 								</Box>
-								<Group pos={'relative'} m={0}>
+								<Group pos={'relative'}>
 									<Text
 										fz={isMobile ? '5rem' : '7rem'}
 										fw={400}
@@ -192,7 +193,7 @@ export default function CurrentWeather({
 												'color-mix(in srgb, var(--mantine-color-accent-0), transparent 80%)',
 											height: '250%',
 											width: '80%',
-											bottom: -72,
+											bottom: -96,
 											right: -60,
 											transform: 'skewX(-25deg)',
 											zIndex: -1,