text: import styled, { css } from 'styled-components';
  
  export const Post = styled.article`
    border: 0.094rem solid #c8d6e5;
    border-radius: 25px;
    ${props =>
      props.borderColor
        ? css`
            border-color: ${props.borderColor};
          `
        : '#C8D6E5'};
    margin-bottom: 30px;
    width: 100%;
  
    a {
      display: block;
      color: #000000;
      text-decoration: none;
      height: 100%;
      width: 100%;
  
      p {
        font-size: 0.875rem;
      }
    }
  
    .dark & a {
      color: #eee;
    }
  `;
  
  export const Title = styled.h3`
    color: ${props => props.color};
    padding: 12px 40px;
  `;
  