@procraft/widget-order/src/components/ProlongationWidget/styles.ts

Order widget for landing

import styled from 'styled-components'
import { ContainerStyled } from '../Container/styles'
import { TypographyStyled } from '../Typography/styles'
import { WidgetOrderStyled } from '../../styles'

export const ProlongationWidgetStyled = styled(WidgetOrderStyled)`
  ${ContainerStyled} {
    margin-bottom: 15px;

    &:last-child {
      margin-bottom: 0;
    }

    ${TypographyStyled} {
      &.subtitle {
        color: #8398ac;
        text-transform: uppercase;
        text-align: center;
        font-weight: 600;
      }
    }
  }
`