@import "../../../../style/mixin";

@include export-module('co-transaction-quick-access-layout') {
  .co-transaction-quick-access {
    font-family: $tp-transaction-quick-access-font-family;
    font-size: $tp-transaction-quick-access-font-size;
    width: 100%;
    .quick-access-content-wrapper {
      display: flex;
      align-items: center;
      width: 100%;
      column-gap: $tp-transaction-quick-access-column-gap;
    }
    .co-transaction-button {
      &.sales-quote-btn {
        border-color: #1A73E8;
        transition: all .3s ease-in-out;
        &:hover {
          background: #1A73E8;
          transition: all .3s ease-in-out;
          svg {
            fill: #FFF;
            transition: all .3s ease-in-out;
          }
        }
        svg {
          fill: #1A73E8;
          width: 16px;
          height: 16px;
        }
        .spacer {
          display: none;
        }
        .transaction-button-label-title-wrapper {
          display: none;
        }
        .transaction-button-icon-wrapper {
          width: 40px;
          .transaction-button-icon {
            width: 100%;
          }
        }
      }
    }
  }
}
