import styled from "styled-components";

export const Container = styled.div`
  padding: 18px 30px 30px;
`;

export const Header = styled.div`
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  h1 {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    gap: 10px;
    color: #1c2434;
    font-size: 18px;
  }
  p {
    color: #64748b;
    font-size: 16px;
    span {
      color: #3c50e0;
    }
  }
`;

export const Wrapper = styled.div`
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 15px;
`;
