/*
 * MULK_PHASE4G_B_PROFILE_MAP_DEEPLINK_20261002_1
 */

.pp-map-deeplink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;

  flex:0 0 auto;

  min-height:42px;
  padding:7px 13px;

  margin-inline-start:8px;

  border:1px solid rgba(5,150,105,.25);
  border-radius:12px;

  background:
    linear-gradient(
      135deg,
      #08b987,
      #059669
    );

  color:#fff!important;

  text-decoration:none!important;

  font:inherit;
  font-size:12px;
  font-weight:800;
  line-height:1.2;

  white-space:nowrap;

  box-shadow:
    0 7px 18px rgba(5,150,105,.19);

  transition:
    transform .15s ease,
    box-shadow .15s ease;
}

.pp-map-deeplink:hover{
  transform:translateY(-1px);

  box-shadow:
    0 10px 24px rgba(5,150,105,.25);
}

.pp-map-deeplink:focus-visible{
  outline:3px solid rgba(5,150,105,.28);
  outline-offset:3px;
}

.pp-map-deeplink svg{
  width:18px;
  height:18px;

  flex:0 0 auto;

  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:640px){

  .pp-map-deeplink{
    width:42px;
    height:42px;

    min-width:42px;
    min-height:42px;

    padding:0;

    border-radius:11px;
  }

  .pp-map-deeplink span{
    position:absolute;

    width:1px;
    height:1px;

    padding:0;
    margin:-1px;

    overflow:hidden;

    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
}

@media(prefers-reduced-motion:reduce){

  .pp-map-deeplink{
    transition:none;
  }
}