Styled-компонент не применяется к компоненту

Question

Вот мой компонент, его стиль не применяется, т.е.фон в моем случае для компонента.

import React from 'react';
import styled from 'styled-components'

const TappableButton = (props) => {
  return(
  <div>
    <Button>{props.title}</Button>
  </div>)
}

const Button = styled.button`
  background: "red";
`;

export default TappableButton;

Answer 1

Изменить

const Button = styled.button`
  background: "red";
`;

на

const Button = styled.button`
  background: red;
`;

Вам не нужны кавычки вокруг этого текста. демо

Answer 2

Понял .. проблема с кавычками, работает без кавычек, только что обновил "красный" до красного.