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

Order widget for landing

import styled from 'styled-components'
import { WidgetOrderStyled } from '../../styles'

export const ButtonStyled = styled.button`
  ${WidgetOrderStyled} & {
    padding: 8px 16px;

    background: #233d78;
    border-radius: 6px;
    border: none;
    width: 100%;
    color: #ffffff;

    font-weight: 500;
    font-size: 16px;
    line-height: 24px;

    &:enabled {
      cursor: pointer;
    }

    &:disabled {
      opacity: 0.6;
      cursor: default;
    }

    &.save {
      margin-top: 30px;
    }
  }
`