feat: oinean pribatutasun politika sartzen du

front/src/components/Oina.tsx

@@ -2,11 +2,12 @@ import { Link } from 'gatsby';
 import { rem } from 'polished';
 import React from 'react';
 import styled from 'styled-components';
-import { size } from '../ui/theme';
+import { colors, size } from '../ui/theme';
 
 export const Oina: React.VFC = () => (
   <Wrapper>
-    <Link to="/lege-oharra">Lege-oharra</Link>
+    <Esteka to="/lege-oharra">Lege oharra</Esteka>
+    <Esteka to="/pribatutasun-politika">Pribatutasun politika</Esteka>
   </Wrapper>
 );
 
@@ -15,3 +16,14 @@ const Wrapper = styled.footer`
   justify-content: center;
   padding: ${rem(size.base)};
 `;
+
+const Esteka = styled(Link)`
+  &:not(:last-child) {
+    margin-right: ${rem(size.mini)};
+  }
+
+  transition: color 500ms ease-out 100ms;
+  &:hover {
+    color: ${colors.morea};
+  }
+`;

front/src/pages/index.tsx

@@ -104,6 +104,11 @@ const Botoia = styled.a`
   cursor: pointer;
   display: flex;
   align-items: center;
+
+  transition: color 500ms ease-out 100ms;
+  &:hover {
+    color: ${colors.morea};
+  }
 `;
 
 const GeziaLogo = styled(Gezia)`