/* ------------------------------ */
/* ----------- Buttons ---------- */
/* ------------------------------ */

/* General */
.section > .section__button, .section .row > div > .section__button, .section > .section__buttons, .section .row > div > .section__buttons {
    margin-top: 0;
    padding-top: 0;
}
  
.section__button--center, .section__buttons--center {
    text-align: center;
}
  
.section > .section__title + .section__button .button, .section > .section__title + .section__buttons .button {
    margin-top: 0;
}

.section__buttons, .buttons {
    margin-top: calc(var(--spacing-5) - var(--spacing-6));
}
  
.section__buttons .button, .buttons .button {
    display: inline-block;
    margin-top: var(--spacing-4);
    margin-right: var(--spacing-4);
}
  
.section__buttons .button:last-child, .buttons .button:last-child {
    margin-right: 0;
}


/* Button */
.button a, .button > span, button {
    position: relative;
    display: inline-block;
    font-weight: bold;
    letter-spacing: .2px;
}

button {
    cursor: pointer;
    padding: 0;
    background-color: transparent;
    border: 0;
}

.button--normal a, .button--small a, .button--disabled > span, .button--normal button {
    color: var(--brand-white);
}

.button--normal a, .button--small a, .button--normal button {
    background: var(--button-gradient);
    background-size: 200%;
    background-position: left center;
    transition: all 0.3s ease-in-out 0s;
}

.no-touchevents .button--normal a:hover, .no-touchevents .button--small a:hover, .no-touchevents .button--normal button:hover {
    background-position: right center;
}

.button--disabled > span {
    background: var(--disabled-gradient);
}


/* Normal */
.button--normal {
    font-size: var(--font-size-2);
    margin-top: var(--spacing-6);
}

.section__button:first-child .button--normal {
    margin-top: 0;
}

.button--normal a, .button--normal > span, .button--normal button {
    z-index: 2;
    padding: 13px 22px;
    box-shadow: var(--brand-light) -6px 6px 0 0;
}


/* Small */
.button--small {
    margin-top: var(--spacing-5);
}

.button--small a, .button--small > span {
    font-size: var(--font-size-1);
    padding: 9px 16px;
}

.button--small.button--arrow a {
    padding-right: 32px;
}

.button--small svg.icon--arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 12px;
    height: 8px;
    transform: rotate(-90deg) translateY(-50%);
    transform-origin: top;
    fill: var(--brand-white) !important;
}

.button--small svg.icon--arrow use {
    stroke: var(--brand-white);
    stroke-width: .6;
}


/* Icon */
.button--icon span {
    margin-left: 15px;
}

.button--icon svg {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    fill: var(--brand-white) !important;
}

.button--icon svg.icon--pin {
    margin-top: -1px;
}



/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (max-width: 767.98px) {



}