In this lesson, you will learn how to extend styles from one styled-component to another in a React app. This is helpful when you have two styled-components that are similar but differ in one or more CSs properties.
import styled from 'styled-components';export const Button = styled.button` background-color: #FF851B; border-radius: 5px; color: white; display: block; font-weight: bold; font-size: 22px; padding: 16px 32px; text-transform: uppercase; margin: 100px auto;`;export const HelpButton = styled(Button)` background-color: #FF4136; margin: 15px; position: fixed; bottom: 0; right: 0;`;
