button.map-marker {
  --transform: translate(-50%, -50%);
  transform: var(--transform);
  transition: all 0.3s ease;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;

  svg {
    width: 100%;
    height: 100%;
  }
  &.small {
    width: 2.5%;
    height: 2.5%;
  }
  &.medium {
    width: 3.75%;
    height: 3.75%;
  }
  &.large {
    width: 5%;
    height: 5%;
  }
  &:hover,
  &:focus,
  &[data-active="true"] {
    transform-origin: center;
    transform: var(--transform) scale(1.5);
  }
}

.brxe-zemelapis {
  overflow: hidden;
}

.zemelapis {
  width: 100%;
  height: 100%;
}

.svg-map-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.zemelapis-popup {
  max-width: 386px;
  flex-direction: column;
  width: 100%;
  border-radius: 22px;
}

.zemelapis-point.highlight {
  outline: 3px solid #007acc;
  transition: all 0.2s ease-in-out;
}

.zemelapis-popup-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.zemelapis-popup-contact-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 14px;
  padding: 24px 32px;
  background-color: #00535c;
  color: #ffffff;
  font-weight: bold;
  border-radius: 0 0 22px 22px;
}

.zemelapis-popup-contact-wrapper .zemelapis-popup-contact:hover,
.zemelapis-popup-contact-wrapper .zemelapis-popup-contact:focus {
  color: #d7df23;
}

.zemelapis-popup-top-portion-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding: 32px 32px 0 32px;
}

.zemelapis-popup-heading {
  font-size: 24px;
  line-height: 32px;
}

.zemelapis-popup-text-and-button-wrapper {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.zemelapis-popup-card-content {
  font-size: 17px;
  line-height: 24px;
}

.zemelapis-popup-heading-and-image-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.zemelapis-popup-image {
  max-width: 100%;
  max-height: 150px;
}

.zemelapis-popup-card-content {
  max-width: 80%;
}

. @media (width <= 477px) {
  .zemelapis-popup {
    width: 80%;
  }
}