/* ******************************************** */
/** COMPONENT: BTN (fixed)
/* ******************************************** */

.c-btn:after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-lightest);
    border-radius: 30px;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: transform 200ms ease-out;
    -moz-transition: transform 200ms ease-out;
    transition: transform 200ms ease-out;
}

/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 980px) {

    .c-btn:hover,
    .c-btn:focus{
        color: white;
        border: 2px solid var(--color-hover);
        -webkit-transition: color 200ms ease, border 400ms ease;
        -moz-transition: color 200ms ease, border 400ms ease;
        transition: color 200ms ease, border 400ms ease;
    }

    .c-btn:hover:after,
    .c-btn:focus:after{
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}