Fix outline button hover style

This commit is contained in:
Hazem Krimi
2022-01-22 17:36:43 +01:00
parent 7c9b38843f
commit 0a396bc03b
-1
View File
@@ -9,7 +9,6 @@ export const Btn = styled.button<Omit<Props, 'href'>>`
color: var(--text); color: var(--text);
border: ${({ variant }) => (variant === 'outline' ? '2px solid var(--text)' : 'none')}; border: ${({ variant }) => (variant === 'outline' ? '2px solid var(--text)' : 'none')};
font-weight: bold; font-weight: bold;
font-size: ${({ variant }) => (variant === 'outline' ? '1.05rem' : 'inherit')};
text-transform: ${({ variant }) => (variant === 'outline' ? 'uppercase' : 'inherit')}; text-transform: ${({ variant }) => (variant === 'outline' ? 'uppercase' : 'inherit')};
padding: ${({ variant }) => (variant === 'outline' ? '.5rem 1rem' : '0rem')}; padding: ${({ variant }) => (variant === 'outline' ? '.5rem 1rem' : '0rem')};
text-align: left; text-align: left;