/* ==================================
   INKKA TEXT SLIDE
================================== */

.inkka-text{

    position:relative;
    display:inline-block;
    overflow:hidden;

    height:1.3em;
    line-height:1.3em;

}

.inkka-text-1{

    display:block;

    transition:
    transform .45s cubic-bezier(.22,.61,.36,1);

}

.inkka-text-2{

    position:absolute;

    top:0;
    left:0;

    width:100%;

    display:block;

    transform:translateY(120%);

    transition:
    transform .45s cubic-bezier(.22,.61,.36,1);

}

/* ==================================
   DESKTOP ONLY
================================== */

@media (hover:hover){

    button:hover .inkka-text-1,
    a:hover .inkka-text-1{

        transform:
        translateY(-120%);

    }

    button:hover .inkka-text-2,
    a:hover .inkka-text-2{

        transform:
        translateY(0);

    }

}

/* ==================================
   PRESS EFFECT
================================== */

button,
a{

    transition:
    transform .18s ease,
    box-shadow .18s ease;

}

button:active,
a:active{

    transform:
    scale(.96);

}

/* ==================================
   MOBILE
================================== */

@media (hover:none){

    button:active,
    a:active{

        transform:
        scale(.94);

    }

}

/* ==================================
   QUANTITY BUTTONS
================================== */

button[class*="quantity"]:active{

    transform:
    scale(.90);

}