/* ======= Variables ======= */
/* :root {
  --brand-primary: #3A4B3F;
  --brand-secondary: #C3A86B;
  --neutral-dark: #090808;
  --neutral-light: #F6F6ED;
} */

/* ======= Onepager - Navigation Item ======= */
.c-onepgr__navitem{
    width: auto !important;
}

.c-onepgr__navitem p{
    text-transform: uppercase !important;
    margin: 0;
}

.c-onepgr__navitem::after{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--brand-secondary);
    transform-origin: center right;
    transform: scaleX(0%);
    transition: transform 0.3s ease;
}

.c-onepgr__navitem:hover::after, .c-onepgr__navitem.u-amos-active::after{
    transform: scaleX(100%);
    transform-origin: center left;
}

/* ======= Onepager - Contact Button ======= */
.c-onepgr__contactbtn{
    width: auto !important;
    border: 1px var(--brand-secondary) solid;
    padding: 6px 28px !important;
}

.c-onepgr__contactbtn p{
    text-transform: uppercase !important;
    margin: 0;
    color: var(--brand-secondary);
    transition: color 0.3s ease;
    position: relative;
    z-index: 10;
}

.c-onepgr__contactbtn::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--brand-secondary);
    transform-origin: center right;
    transform: scaleX(0%);
    transition: transform 0.3s ease;
    z-index: 9;
}

.c-onepgr__contactbtn:hover::after, .c-onepgr__contactbtn.u-amos-active::after{
    transform: scaleX(100%);
    transform-origin: center left;
}
.c-onepgr__contactbtn:hover p, .c-onepgr__contactbtn.u-amos-active p{
    color: var(--neutral-light);
}