.footer {
    @apply fixed bottom-0 left-0 w-full bg-white dark:bg-gray-900 dark:text-gray-200 p-2 max-sm:px-0 shadow-lg z-30;
    direction: ltr;
    border-top: 1px solid #303030;

    & .footer-logo {
        @apply font-semibold flex items-center gap-2;

        & img {
            @apply size-10;
        }
    }

    & .footer-content {
        @apply mx-auto sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-between;
    }

    & .footer-phones {
        @apply mt-2 md:mt-0 md:space-x-4 max-md:text-xs text-center max-sm:text-[.60rem];
    }

    & .footer-copyright {
        @apply mt-2 md:mt-0 text-gray-900 dark:text-gray-400;
    }
}