.hovercard-wrapper {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.hovercard-wrapper .hovercard-item {
  --width: calc(100% / 2 );
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  border-radius: 0.44rem;
  width: clamp(25rem, var(--width), 100%);
  border-radius: 0.4375rem;
  /* Skugga2 */
  box-shadow: 0px 4px 16px 0px rgba(132, 95, 69, 0.2), 0px 4px 7px 0px rgba(34, 26, 24, 0.22);
  height: 30rem;
  transition: .3s ease-in-out;
  overflow: hidden;
}
.hovercard-wrapper .hovercard-item .hovercard-img_container {
  width: 100%;
  height: 100%;
  position: relative;
}
.hovercard-wrapper .hovercard-item:not(.image-only) img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 1s;
  min-height: 0;
  border-radius: 0.1875rem 0.1875rem 0 0;
  flex-shrink: 1;
     object-fit: cover;
     object-position: top center;
 
}

.hovercard-wrapperwrapperce .hovercard-item.image-only {
  background-color: var(--Frg_5, #eaf0f9);
}
.hovercard-wrapper .hovercard-item.image-only img {
  -o-object-fit: contain;
     object-fit: contain;
}

.hovercard-wrapper .hovercard-item:not(.image-only) h3 {
  text-align: left;
  margin: 0;
}
.hovercard-wrapper .hovercard-item:not(.image-only) .hover-card_content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  height: 11.69rem;
  transition: 0.3s;
  padding: 1rem 2rem;
  border-radius: 0.4375rem;
  background: #fff;
}
.hovercard-wrapper .hovercard-item:not(.image-only) .description {
  overflow-y: clip;
  height: 0;
}
.hovercard-wrapper .hovercard-item:not(.image-only):hover {
  max-height: 30rem;
}
.hovercard-wrapper .hovercard-item:not(.image-only):hover .hover-card_content {
  height: 30rem;
}
.hovercard-wrapper .hovercard-item:not(.image-only):hover .description {
  width: 100%;
  height: auto;
}
.hovercard-wrapper .hovercard-item:not(.image-only):hover img {
  height: 0;
  transition: 1s;
}
.hover-card_content p {
  text-wrap: wrap;
}


.hover-card_content .button {
    padding: .4em 1.2em;
    background-color: #FF0000;
    box-shadow: 1px 3px 6px 0px rgba(66, 42, 26, 0.10), 3px 10px 11px 0px rgba(66, 42, 26, 0.09), 6px 23px 14px 0px rgba(66, 42, 26, 0.05), 11px 41px 17px 0px rgba(66, 42, 26, 0.01), 18px 64px 19px 0px rgba(66, 42, 26, 0.00);
    color: #fff;
    border-radius: 7px;
    text-decoration: none;
    transition: 300ms ease;
}
.hover-card_content .button:hover {
    background-color: #FFEAEA;
    color: #FF0000;
}