@@ -0,0 +1 @@
+export * from './yandex-auth-button'
\ No newline at end of file
@@ -0,0 +1,45 @@
+import theme from '#/entities/theme/model/theme'
+import { useThemeAndDevice } from '#/shared/lib/hooks'
+import { Button } from '@mui/material'
+import { signIn } from 'next-auth/react'
+import Image from 'next/image'
+import React from 'react'
+
+interface YandexAuthButtonProps {}
+
+export const YandexAuthButton = ({}: YandexAuthButtonProps) => {
+	const { theme } = useThemeAndDevice()
+
+	return (
+		<Button
+			variant='contained'
+			onClick={async () => {
+				await signIn('yandex', {
+					callbackUrl: '/',
+					redirect: false,
+				})
+			}}
+			sx={{
+				backgroundColor: theme === 'dark' ? '#1C1C1E' : '#F1FAFF',
+				color: theme === 'dark' ? 'white' : '#2B2B42',
+				lineHeight: '20px',
+				fontSize: '16px',
+				fontWeight: '600px',
+				borderRadius: '13px',
+				textTransform: 'none',
+				width: '100%',
+				transition: 'all 0.3s ease-in-out',
+				boxShadow: 'none',
+				height: 50,
+				'&:hover': {
+					backgroundColor: theme === 'dark' ? '#1C1C1E' : '#F1FAFF',
+					opacity: 0.7,
+					boxShadow: 'none',
+				},
+			}}
+		>
+			<Image src={'/svg/auth/yandex.svg'} alt={''} style={{ marginRight: 15 }} width={26} height={26} />
+			Войти с Яндекс ID
+		</Button>
+	)
+}
@@ -0,0 +1 @@
+export * from './ui'
\ No newline at end of file
@@ -21,6 +21,7 @@ import ClosedEyeSvg from '#/assets/svg/closed-eye.svg?react'
 import * as Sentry from '@sentry/nextjs'
 import { useEffect } from 'react'
 import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
+import { YandexAuthButton } from '#/features/yandex-auth-button'
 
 const Login: NextPageWithLayout = () => {
 	const device = getDeviceType()
@@ -156,46 +157,7 @@ const Login: NextPageWithLayout = () => {
 								>
 									Вход
 								</Typography>
-								<Button
-									variant='contained'
-									onClick={async () => {
-										await signIn('yandex', {
-											callbackUrl: '/',
-											redirect: false,
-										})
-									}}
-									sx={{
-										backgroundColor:
-											theme === 'dark' ? '#1C1C1E' : '#F1FAFF',
-										color: theme === 'dark' ? 'white' : '#2B2B42',
-										lineHeight: '20px',
-										fontSize: '16px',
-										fontWeight: '600px',
-										borderRadius: '13px',
-										textTransform: 'none',
-										width: '100%',
-										transition: 'all 0.3s ease-in-out',
-										boxShadow: 'none',
-										height: 50,
-										'&:hover': {
-											backgroundColor:
-												theme === 'dark'
-													? '#1C1C1E'
-													: '#F1FAFF',
-											opacity: 0.7,
-											boxShadow: 'none',
-										},
-									}}
-								>
-									<Image
-										src={'/svg/auth/yandex.svg'}
-										alt={''}
-										style={{ marginRight: 15 }}
-										width={26}
-										height={26}
-									/>
-									Войти с Яндекс ID
-								</Button>
+								<YandexAuthButton />
 								<Typography sx={{ fontSize: '15px', color: '#A4AAB5' }}>
 									или email
 								</Typography>
@@ -18,6 +18,7 @@ import { getDeviceType } from '#/shared/lib/helpers'
 import { NextPageWithLayout } from '#/pages/_app'
 
 import styles from './register.module.scss'
+import { YandexAuthButton } from '#/features/yandex-auth-button'
 
 const Register: NextPageWithLayout = () => {
 	const device = getDeviceType()
@@ -119,40 +120,7 @@ const Register: NextPageWithLayout = () => {
 
 							{user.referral === '' && isReferral && (
 								<>
-									<Button
-										variant='contained'
-										onClick={() =>
-											signIn('yandex', {
-												callbackUrl: '/',
-											})
-										}
-										sx={{
-											backgroundColor: '#F1FAFF',
-											color: '#7F7DF3',
-											lineHeight: '20px',
-											fontSize: '16px',
-											fontWeight: '600px',
-											borderRadius: '13px',
-											textTransform: 'none',
-											width: '100%',
-											boxShadow: 'none',
-											height: 50,
-											'&:hover': {
-												backgroundColor: '#F1FAFF',
-												opacity: 1,
-												boxShadow: 'none',
-											},
-										}}
-									>
-										<Image
-											src={'/svg/auth/yandex.svg'}
-											alt={''}
-											style={{ marginRight: 15 }}
-											width={26}
-											height={26}
-										/>
-										Войти с Яндекс ID
-									</Button>
+									<YandexAuthButton />
 									<Typography sx={{ fontSize: '15px', color: '#A4AAB5' }}>
 										или email
 									</Typography>