.kate-nearest-appointments {
    max-width:1100px;
    margin:32px auto;
    padding:28px;
    border:1px solid #e8ddd5;
    border-radius:12px;
    background:#fff;
    color:#343434
}
.kate-nearest-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px
}
.kate-nearest-card {
    display:flex;
    flex-direction:column;
    padding:20px;
    border:1px solid #e4d9d1;
    border-radius:8px;
    background:#fbf7f3
}
.kate-nearest-card h3 {
    display:flex;
    align-items:center;
    gap:10px;
    margin:-20px -20px 18px;
    padding:15px 20px;
    border-bottom:1px solid #e4d9d1;
    background:#f1e8e1;
    color:#162d4a;
    font-size:24px;
    font-weight:600
}
.kate-nearest-card h3:before {
    content:"\f017";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-style:normal;
    color:#967763;
    font-size:22px
}
.kate-nearest-list {
    display:grid;
    gap:8px;
    min-height:92px;
    order:1
}
.kate-nearest-slot {
    display:flex;
    justify-content:space-between;
    gap:8px;
    padding:10px 0;
    border-bottom:1px solid #e8ddd5;
    font-size:15px
}
.kate-nearest-slot strong {
    color:#162d4a
}
.kate-nearest-slot b {
    color:#765e4d;
    font-size:16px
}
.kate-nearest-loading,.kate-nearest-empty {
    color:#a99b91;
    font-size:14px
}
.kate-nearest-button {
    display:block;
    order:2;
    margin-top:16px;
    padding:11px 14px;
    border-radius:6px;
    background:#967763;
    color:#fff;
    text-align:center;
    text-decoration:none
}
.kate-nearest-button:hover {
    background:#765e4d;
    color:#fff
}
@media(max-width:700px) {
    .kate-nearest-appointments {
        margin:20px 12px;
        padding:20px 16px
    }
    .kate-nearest-grid {
        grid-template-columns:1fr
    }
    .kate-nearest-card {
        padding:16px
    }
    .kate-nearest-card h3 {
        margin:-16px -16px 18px;
        padding:14px 16px
    }
}
.kate-nearest-title {
    margin:0 0 24px;
    text-align:center;
    color:#162d4a;
    font-family:Georgia,serif;
    font-size:28px;
    font-weight:500
}
.kate-nearest-appointments h3.kate-nearest-title {
    display:block;
    width:100%;
    box-sizing:border-box;
    margin:0 0 28px!important;
    padding:0;
    text-align:center!important;
    color:#162d4a;
    font-family:Georgia,serif;
    font-size:28px;
    font-weight:500
}
.kate-nearest-slot strong i,.kate-nearest-slot b i {
    margin-right:5px;
    color:#967763;
    font-size:.9em
}
.kate-nearest-card {
    overflow:hidden
}
.kate-nearest-button,.kate-nearest-card button {
    transition:all .3s ease-out
}