/* --- Shop-Button Gesamt --- */
.item .bottom-section .logo-button .shop-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 0 4px;                         /* du wolltest 4px statt 10px */
  height: 25px;
  width: auto !important;
  min-width: unset !important;            /* <<< fix: keine Mindestbreite */
  max-width: none !important;
  border-radius: 4px;
  background-color: #525252;
  box-sizing: border-box;
}

/* --- Text im Button --- */
.item .bottom-section .logo-button .shop-button a {
  font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  color: #34d914 !important;
  text-decoration: none !important;
  white-space: nowrap;                    /* verhindert Zeilenumbruch */
}

/* --- Icon vor dem Text (Maske) --- */
.item .bottom-section .logo-button .shop-button::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
    transform: scaleX(-1);
  transform-origin: center center;
  margin-right: 2px;
  background-color: #34d914;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><g fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 10h10'/><path d='M14 10l7 30h27.5a4 4 0 0 0 3.9-3.1L56 20H18'/><path d='M20 28h31'/><circle cx='26' cy='50' r='4'/><circle cx='46' cy='50' r='4'/></g></svg>") center/contain no-repeat;
  mask:         url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><g fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 10h10'/><path d='M14 10l7 30h27.5a4 4 0 0 0 3.9-3.1L56 20H18'/><path d='M20 28h31'/><circle cx='26' cy='50' r='4'/><circle cx='46' cy='50' r='4'/></g></svg>") center/contain no-repeat;
}