/* ******************************************** */
/** COMPONENT: BTN (inline)
/* ******************************************** */

/* BTN */

.c-btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    background-color: #141414;
    padding: 0.9em 1.8em;
    font-size: 1.3rem;
    color: var(--color-lightest);
    gap: 8px;
}
.c-btn.is-disabled,
.c-btn[disabled]{
    opacity: .3;
    background-color: var(--color-gray);
}
.c-btn--stroke{
    color: #141414;
    border: 1px solid currentColor;
    background-color: transparent;
}

.c-btn--icon{
    padding-left: 1.4em;
}

.c-btn__icon{
    display: inline-block;
    font-size: 1.4em;
    vertical-align: middle;
}

.c-btn--underline {
    text-decoration: underline;
    font-weight: 200;
}

.c-btn--success {
    background-color: #ff7200;
}



/* LINK */

.c-link-styled{
    transition: color 200ms ease-out;
    line-height: 1;
    font-size: 1.6rem;
}

.c-link-styled--underlined {
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
    transition: border 200ms ease-out, color 200ms ease-out;;
}

.c-link--icon{
    display: inline-block;
    vertical-align: middle;
}

.c-link__icon{
    display: inline-block;
    margin-right: 0.4em;
    font-size: 1.3em;
    vertical-align: middle;
    margin-top: -0.2em;
}

.c-link__arrow{
    display: inline-block;
}

.c-link__arrow-arrow{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.7em;
    margin-top: -2px;
    margin-left: 0.5em;
    color: #ff7200;
}



/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 768px) {

}


/* ********************** de Desktop a DESKTOP 2 ********************** */

@media (min-width: 1200px) {

    .c-btn{
        font-size: 1.4rem;
    }

}

/* ********************** de Desktop 2 a HD ********************** */

@media (min-width: 1400px) {


}