• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• front-entenda-direito-master
  • .eslintignore
  • src
    • App.tsx
    • utils
      • getValidationErrors.ts
    • services
      • api.ts
    • pages
      • ForgotPassword
        • index.tsx
        • styles.ts
      • ResetPassword
        • index.tsx
        • styles.ts
      • Profile
        • index.tsx
        • styles.ts
      • SignIn
        • index.tsx
        • styles.ts
      • SignUp
        • index.tsx
        • styles.ts
      • Dictionary
        • index.tsx
        • styles.ts
        • LegalTerm
          • index.tsx
          • PopularTerm
            • index.tsx
            • styles.ts
      • Search
        • index.tsx
        • styles.ts
        • Process
          • Progress
            • index.tsx
            • styles.ts
          • index.tsx
      • Dashboard
        • index.tsx
        • styles.ts
    • index.tsx
    • hooks
      • auth.tsx
      • toastModal.tsx
      • index.tsx
      • toast.tsx
    • components
      • Input
        • index.tsx
        • styles.ts
      • ToastContainer
        • index.tsx
        • styles.ts
        • Toast
          • index.tsx
          • styles.ts
      • ToastContainerModal
        • index.tsx
        • styles.ts
        • ToastModal
          • index.tsx
          • styles.ts
      • Tooltip
        • index.tsx
        • styles.ts
      • Button
        • index.tsx
        • styles.ts
    • setupTests.ts
    • styles
      • global.ts
    • react-app-env.d.ts
    • routes
      • index.tsx
      • Route.tsx
    • assets
  • tmp
    • .gitkeep
  • public
    • index.html
  • .eslintrc.json
  • LICENSE
  • .editorconfig
  • README.md
  • prettier.config.js
  • package.json
  • tsconfig.json
  • .gitignore

import styled from 'styled-components';
import { shade } from 'polished';

export const Container = styled.button`
  background: #ffbd4a;
  height: 56px;
  border-radius: 10px;
  border: 0;
  padding: 16px;
  color: #0d0c3b;
  width: 100%;
  font-weight: 500;
  margin-top: 16px;
  transition: background-color 0.2s;

  &:hover {
    background: ${shade(0.2, '#ffbd4a')};
  }
`;