"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const Button_1 = require("../../atoms/Button");

const RemoveCardWrapper = styleh_components_1.styled.div`display:flex;flex-direction:row;@media (max-width:767px){flex-direction:column-reverse;}`;
exports.RemoveCardWrapper = RemoveCardWrapper;
const ButtonWrapper = styleh_components_1.styled.div`display:flex;`;
exports.ButtonWrapper = ButtonWrapper;
const CardText = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-remove-label'
})`color:#ea2227;align-self:center;@media (min-width:768px){margin-right:1rem;}@media (max-width:767px){align-self:flex-start;margin-top:0.5rem;}`;
exports.CardText = CardText;
const ConfirmButton = styleh_components_1.styled.withComponent(Button_1.Button).attrs({
  'data-qa': 'qa-remove-yes'
})`width:10.125rem;height:2.75rem;background:var(--color-blue);border-radius:0.25rem;${Button_1.ButtonText}{color:#fff;}@media (max-width:1023px){width:9.25rem;}@media (max-width:767px){width:49%;margin:0;}`;
exports.ConfirmButton = ConfirmButton;
const CancelButton = styleh_components_1.styled.withComponent(Button_1.Button).attrs({
  'data-qa': 'qa-remove-cancel'
})`width:10.125rem;height:2.75rem;background:var(--color-blue);border-radius:0.25rem;${Button_1.ButtonText}{color:#fff;}margin-left:0.5rem;@media (max-width:1023px){width:9.25rem;}@media (max-width:767px){width:49%;margin-left:2%;}`;
exports.CancelButton = CancelButton; //# sourceMappingURL=styled.js.map