text: import styled from "styled-components"
  
  export default styled.button`
      @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
  
      background-color: ${props => props.color ? props.color : "#ff4f5a"};
      text-transform: uppercase;
      font-family: 'Montserrat', sans-serif;
      font-size: 0.8rem;
      font-weight: bold;
      letter-spacing: 1.25px;
      padding: 10px 15px;
      border: 0;
      outline: 0;
      cursor: pointer;
  
      &:hover {
          filter: brightness(120%);
      }
  
  `