/* =========================================================
   ASPIRIN V150 — PARKING
   ========================================================= */

.a150-parking {
    display:grid;
    gap:15px;

    padding-bottom:35px;
}


/* main card */

.a150-parking-card {
    position:relative;
    overflow:hidden;

    padding:25px 22px 22px;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:25px;

    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(217,255,67,.12),
            transparent 38%
        ),
        rgba(255,255,255,.035);
}


.a150-parking-card::after {
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-90px;
    bottom:-110px;

    border-radius:50%;

    background:
        rgba(217,255,67,.05);

    filter:blur(2px);

    pointer-events:none;
}


/* icon */

.a150-parking-icon {
    display:flex;
    align-items:center;
    justify-content:center;

    width:78px;
    height:78px;

    margin-bottom:22px;

    border-radius:22px;

    background:
        rgba(217,255,67,.10);

    border:
        1px solid
        rgba(217,255,67,.18);

    color:#d9ff43;

    font-size:43px;
    font-weight:900;
}


/* text */

.a150-parking-kicker {
    margin-bottom:7px;

    color:#d9ff43;

    font-size:9px;
    font-weight:900;

    text-transform:uppercase;
    letter-spacing:.08em;
}


.a150-parking-title {
    margin:0;

    color:#fff;

    font-size:30px;
    font-weight:950;

    line-height:1.04;
}


.a150-parking-text {
    max-width:480px;

    margin-top:12px;

    color:#9498a0;

    font-size:12px;
    line-height:1.55;
}


/* main button */

.a150-parking-open {
    position:relative;
    z-index:1;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    width:100%;
    min-height:58px;

    margin-top:24px;

    padding:0 18px;

    border:0;
    border-radius:17px;

    background:#d9ff43;

    color:#090a0b;

    font-size:13px;
    font-weight:950;

    box-shadow:
        0 10px 30px
        rgba(217,255,67,.10);

    cursor:pointer;

    -webkit-tap-highlight-color:
        transparent;

    transition:
        transform .12s ease;
}


.a150-parking-open:active {
    transform:
        scale(.985);
}


.a150-parking-arrow {
    font-size:18px;
}


/* information block */

.a150-parking-info {
    padding:17px;

    border:
        1px solid
        rgba(255,255,255,.075);

    border-radius:19px;

    background:
        rgba(255,255,255,.025);
}


.a150-parking-info-title {
    display:flex;
    align-items:center;
    gap:8px;

    color:#fff;

    font-size:11px;
    font-weight:900;
}


.a150-parking-info-text {
    margin-top:8px;

    color:#83878f;

    font-size:10px;
    line-height:1.55;
}


/* URL */

.a150-parking-url {
    display:flex;
    align-items:center;
    gap:10px;

    margin-top:13px;

    padding:11px 12px;

    border-radius:12px;

    background:
        rgba(255,255,255,.035);
}


.a150-parking-url-text {
    flex:1;

    min-width:0;

    overflow:hidden;

    color:#a8acb3;

    font-size:9px;

    text-overflow:ellipsis;
    white-space:nowrap;
}


.a150-parking-copy {
    flex:0 0 auto;

    min-width:38px;
    height:34px;

    padding:0 9px;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius:10px;

    background:
        rgba(255,255,255,.035);

    color:#c2c5cb;

    font-size:14px;

    cursor:pointer;
}


/* status */

.a150-parking-status {
    display:flex;
    align-items:center;
    gap:9px;

    padding:14px 15px;

    border:
        1px solid
        rgba(255,255,255,.065);

    border-radius:16px;

    background:
        rgba(255,255,255,.022);

    color:#8f939b;

    font-size:10px;
}


.a150-parking-dot {
    width:8px;
    height:8px;

    flex:0 0 auto;

    border-radius:50%;

    background:#d9ff43;

    box-shadow:
        0 0 16px
        rgba(217,255,67,.45);
}