@import '../colors';

$footer-buttons-space: 12px;
$footer-buttons-margin: $footer-buttons-space/2;

.tix-card.v4 {
  .m-tix-action-banner {
    position: relative;

    &__head {
      display: flex;
      align-items: center;
      margin-bottom: 16px;

      img {
        width: 60px;
        height: auto;
        margin-right: 16px;
      }

      p {
        margin: 0;
      }
    }

    &__footer {
      display: flex;
      margin-left: -#{$footer-buttons-margin};
      margin-right: -#{$footer-buttons-margin};
    }

    &__title {
      margin-bottom: 4px !important;
    }

    &__button {
      width: 100%;
      margin: 0 $footer-buttons-margin;
    }
  }
}