/* NILA v21.57 Use My Location CTA Lift */
:root{
  --v57-ink:#071b31;
  --v57-green:#075f3c;
  --v57-teal:#007f78;
  --v57-blue:#176fc2;
  --v57-coral:#f27b42;
  --v57-mint:#dffaf1;
}

/* Add life to Use my location without returning to harsh yellow */
@media(max-width:780px){
  body.page-home .v50-use-location,
  body[data-nila-page="index"] .v50-use-location{
    position:relative!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 14% 18%, rgba(255,255,255,.68), transparent 18%),
      linear-gradient(135deg,#dffaf1 0%,#bff3e6 42%,#eaf5ff 100%)!important;
    color:var(--v57-green)!important;
    border:1px solid rgba(0,127,120,.32)!important;
    box-shadow:
      0 16px 34px rgba(0,127,120,.16),
      inset 0 1px 0 rgba(255,255,255,.78)!important;
    text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
  }

  body.page-home .v50-use-location::before,
  body[data-nila-page="index"] .v50-use-location::before{
    content:"📍";
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    margin-right:10px!important;
    border-radius:999px!important;
    background:
      radial-gradient(circle at 35% 30%, #ffffff 0%, #fff 34%, #ffe9df 100%)!important;
    color:var(--v57-coral)!important;
    box-shadow:
      0 10px 22px rgba(242,123,66,.20),
      0 0 0 6px rgba(242,123,66,.10)!important;
    font-size:17px!important;
    transform:translateY(-1px)!important;
  }

  body.page-home .v50-use-location::after,
  body[data-nila-page="index"] .v50-use-location::after{
    content:"";
    position:absolute!important;
    inset:-60% auto auto -20%!important;
    width:68%!important;
    height:220%!important;
    transform:rotate(18deg)!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent)!important;
    opacity:.85!important;
    pointer-events:none!important;
  }

  body.page-home .v50-use-location:active,
  body[data-nila-page="index"] .v50-use-location:active{
    transform:translateY(1px)!important;
    box-shadow:
      0 10px 24px rgba(0,127,120,.14),
      inset 0 1px 0 rgba(255,255,255,.75)!important;
  }

  body.page-home .v50-use-location:focus-visible,
  body[data-nila-page="index"] .v50-use-location:focus-visible{
    outline:3px solid rgba(0,127,120,.24)!important;
    outline-offset:3px!important;
  }
}