.location-art.map-card {
  display: block;
  position: relative;
  min-height: 470px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #55564e;
  border-radius: 6px;
  background: #e9ece8;
  color: #fff;
  cursor: pointer;
  transition: transform .28s cubic-bezier(.2,.8,.2,1), border-color .28s;
}
.location-art.map-card:before,
.location-art.map-card:after { content: none; }
.map-card-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 55%;
}
.map-card-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 16px 18px;
  background: none;
}
.map-card-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  background: var(--yellow);
  color: #080808;
  min-height: 43px;
  padding: 10px 19px;
  border: 1px solid var(--yellow);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
}
.map-card-cta>span { font-size: 17px; }
.map-card>* { pointer-events: none; }
@media(hover:hover) {
  .location-art.map-card:hover { transform: translateY(-6px); border-color: var(--yellow); }
}
@media(max-width:1000px) {
    .map-card-cta { font-size: 11px; gap: 12px; padding-inline: 15px; }
}
@media(max-width:640px) {
  .location-art.map-card { min-height: 420px; }
      .map-card-bottom { padding-bottom: 18px; }
  }

.parking strong { color: var(--yellow); font-size: 20px; font-weight: 700; }
.parking>span { width: 40px; height: 40px; line-height: 40px; font-size: 20px; border-color: #ffe00080; }
@media(max-width:640px) { .parking strong { font-size: 18px; } }