"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const PaymentAddCardHeader = styled.div `
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
  padding: 16px 8px;
`;
exports.PaymentAddCardHeader = PaymentAddCardHeader;
const PaymentAddCardHeadingSection = styled.div `
  position: relative;
  flex: 1;
`;
exports.PaymentAddCardHeadingSection = PaymentAddCardHeadingSection;
const PaymentAddCardButtonSection = styled.div `
  position: relative;
  flex: 0 0 160px;
  display: flex;
  justify-content: flex-end;

  @media (max-width: 767px) {
    flex: 0 0 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
  }
`;
exports.PaymentAddCardButtonSection = PaymentAddCardButtonSection;
const PaymentAddCardWrapper = styled.section `
  position: relative;
`;
exports.PaymentAddCardWrapper = PaymentAddCardWrapper;
//# sourceMappingURL=styled.js.map