.companion-cart-button {
  position: relative;
  display: flex;
  font-family: var(--body_font_family);
  font-size: 14px;
  line-height: 24px;
  color: var(--secondary_variant_color);
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }
  .companion-cart-button:hover .companion-cart-count {
    background-color: var(--secondary_color);
    color: #FFFFFF; }

.companion-cart-icon {
  position: relative;
  display: inline-flex;
  align-items: center; }
  .companion-cart-icon i {
    color: var(--secondary_variant_color);
    transition: 300ms ease;
    margin-left: 5px; }
  .companion-cart-icon .companion-cart-count {
    position: absolute;
    width: 16px;
    height: 16px;
    font-family: var(--secondary_font_family);
    font-size: 10px;
    line-height: 1em;
    color: #FFFFFF;
    background-color: var(--primary_color);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 300ms ease;
    top: -6px;
    right: 0;
    -webkit-transform: translateX(6px);
            transform: translateX(6px); }