.credit-card-block {
  display: block;
  max-width: 170px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 40px;
  background: #FFFFFF;
  margin: 0 auto; }
  .credit-card-block::after {
    content: '';
    display: table;
    clear: both; }
  .credit-card-block .credit-card-block__cards--card {
    float: left; }
  @media (min-width: 48em) {
    .credit-card-block {
      max-width: 395px; } }
  @media (min-width: 64em) {
    .credit-card-block {
      display: block;
      max-width: 155px;
      padding: 24px 36px; } }

.credit-card-block__logo {
  -ms-flex: 1;
  flex: 1;
  -ms-flex-order: 1;
  order: 1; }
  @media (min-width: 48em) {
    .credit-card-block__logo {
      float: left;
      margin-bottom: 0; } }
  @media (min-width: 64em) {
    .credit-card-block__logo {
      float: left;
      margin-bottom: 24px; } }

.credit-card-block__cards {
  width: 100px;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-order: 2;
  order: 2; }
  @media (min-width: 48em) {
    .credit-card-block__cards {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      height: 45px;
      width: auto; } }
  @media (min-width: 64em) {
    .credit-card-block__cards {
      display: block;
      width: 100px; } }