.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    font-size:13px;
    letter-spacing:.06em;
    text-transform:uppercase;
    font-weight:700;
    padding:14px 20px;
    border:2px solid var(--red);
    background:var(--red);
    color:#fff;
    cursor:pointer;
    transition:.25s;
    white-space:nowrap;
    position:relative;
    overflow:hidden;
    border-radius:2px;
    flex:none
}

.btn:hover {
    background:var(--navy);
    border-color:var(--navy);
    color:#fff
}

.btn.ghost {
    background:transparent;
    color:var(--btn-ghost-color);
    border-color:var(--btn-ghost-border)
}

.btn.ghost:hover {
    background:var(--btn-ghost-color);
    color:var(--btn-ghost-hover-text)
}

.burger {
    display:none;
    background:none;
    border:2px solid var(--menu-hover-border);
    color:var(--text-h1);
    font-size:20px;
    padding:8px 13px;
    cursor:pointer;
    border-radius:2px;
    flex:none
}

.mobile-call {
    display:none;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    border:2px solid var(--red);
    background:var(--red);
    color:#fff;
    border-radius:2px;
    flex:none;
    transition:.25s
}

.mobile-call:active {
    background:var(--navy);
    color:#fff
}