.site-header {
    background-color: var(--color--white);
    box-shadow: 0 0 16px var(--color--dark-blue-transparent-10);
    position: sticky;
    top: 0;
    z-index: 1;
}

.site-header .container {
    align-items: center;
    display: flex;
    height: 72px;
}

.site-header nav {
    margin-left: auto;
}

.site-header ul {
    align-items: center;
    display: flex;
}

.site-header li:not(:last-child) {
    margin-right: 16px;
}

.site-header li:first-child {
    bottom: 20px;
    left: 20px;
    position: fixed;
    z-index: 1;
}

.site-header li:nth-child(2) {
    bottom: 20px;
    left: 133px;
    position: fixed;
    z-index: 1;
}

.site-header li:first-child a,
.site-header li:nth-child(2) button {
    align-items: center;
    background-color: var(--color--white);
    box-shadow: 0 0 16px var(--color--dark-blue-transparent-10);
    display: flex;
    font-family: var(--font--heading);
    font-weight: 700;
    padding: 12px 16px 10px;
}

.site-header li:first-child svg,
.site-header li:nth-child(2) svg {
    margin-right: 16px;
}

.site-header li:not(:first-child):not(:nth-child(2)) a {
    background-color: var(--color--dark-blue-transparent-10);
    display: block;
    padding: 8px;
}