.haber-gorselsiz[data-astro-cid-zst7pnbx] {
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: center;
  background: var(--yuzey-2);
  color: var(--aksan);
  font-size: 3rem;
  font-weight: 500;
  opacity: .5;
}

.haber-kart[data-astro-cid-zst7pnbx] {
  position: relative;
  display: grid;
  align-content: start;
}

.kart-paylas[data-astro-cid-zst7pnbx] {
  position: absolute;
  right: 0;
  bottom: -.65rem;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 44px;
  padding: 0 1rem;
  border: 1px solid var(--cizgi);
  border-radius: var(--r-pill);
  background: var(--yuzey);
  color: var(--lacivert);
  cursor: pointer;
  font: inherit;
  font-size: .9375rem;
  font-weight: 500;
  transition: background .26s var(--yumusak), border-color .26s var(--yumusak);
}

.kart-paylas[data-astro-cid-zst7pnbx] svg[data-astro-cid-zst7pnbx] {
  width: 1.05rem;
  height: 1.05rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kart-paylas[data-astro-cid-zst7pnbx][aria-expanded="true"] {
  background: var(--yuzey-2);
  border-color: var(--aksan);
}

@media (hover: hover) and (width >= 769px) {
  .kart-paylas[data-astro-cid-zst7pnbx]:hover {
    background: var(--yuzey-2);
    border-color: var(--aksan);
  }
}

.kart-paylas-panel[data-astro-cid-zst7pnbx] {
  position: absolute;
  right: 0;
  bottom: calc(44px - .15rem);
  z-index: 20;
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  border-radius: var(--r-gorsel);
  box-shadow: var(--golge);
  padding: .75rem .9rem;
}

.kart-paylas-panel[data-astro-cid-zst7pnbx][hidden] {
  display: none;
}