Stylish extending

extending.js

import { stylish } from 'tiny-stylish-components';

const Button = stylish.button`
  background: #ffffff;
  color: #a2a2a2;
  border: 1px solid #a2a2a2;
  border-radius: 5px;
  width: 100px;
  padding: 5px 10px;
`;

const ExtendedButton = Button.extend`
  color: pink;
`;

const SuperExtendedButton = ExtendedButton.extend`
  border-radius: 50px;
`;

const MegaExtendedButton = SuperExtendedButton.extend`
  display: block;
`;