"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Buttons_1 = require("presets/Buttons");
const Button_1 = require("atoms/Button");
const Heading_1 = require("atoms/Text/Heading");
const PaymentAddNewCardTitle = styled.withComponent(Heading_1.Heading) `
  font-family: arial;
  font-weight: 600;
  font-size: 24px;
  margin: auto;

  @media(max-width: 767px) {
    font-size: 20px;
  }
`;
exports.PaymentAddNewCardTitle = PaymentAddNewCardTitle;
const AddNewCardButton = styled.withComponent(Buttons_1.PrimaryButton) `
  width: 162px;
  height: 44px;
  border-radius: 4px;
  padding: 0 10px;
  ${Button_1.ButtonLabel} {
    margin: 0;
  }

  @media(max-width: 767px) {
    width: 100%;
    ${Button_1.ButtonLabel} {
      display: none;
    }
    &:after {
      content: '+';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      font-size: 28px;
      text-align: center;
      font-weight: 700;
      background: #5c79bb;
      color: #fff;
    }
  }
`;
exports.AddNewCardButton = AddNewCardButton;
//# sourceMappingURL=styled.js.map