@import '~styles/mixins';
@import '~styles/common';

.payment-infos {
  .payments {
    .methods {
      padding: 0 10px;

      h3 {
        font-size: 15px;
      }

      .single {
        position: relative;
        margin: 10px 0;

        .card {
          text-transform: uppercase;
          margin-right: 10px;
        }

        .default {
          color: $color-green;
          font-size: 16px;
          margin: 0 10px;
        }

        .delete-method {
          color: $color-red;
          right: 0;
          @include v_align;
          font-size: 16px;
          cursor: pointer;
        }

        .choose-default {
          display: inline-block;
          cursor: pointer;
          margin-left: 10px;
          font-size: 14px;
          margin-top: 5px;
          text-decoration: underline;
        }
      }
    }
  }
}
