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

/* ======= Button ======= */
.c-btn{
    width: auto !important;
    /* border: 1px var(--brand-primary) solid; */
    background-color: var(--brand-primary);
    padding: 6px 28px !important;
}

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

.c-btn::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-btn:hover::after{
    transform: scaleX(100%);
    transform-origin: center left;
}
.c-btn:hover p{
    color: var(--neutral-light);
}