/**
 * =========================================================
 * POLEGAR DA SORTE - ANIMATION
 * Efeitos visuais globais.
 * =========================================================
 */

.pds_hover {

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.pds_hover:hover {

    transform: translateY(-2px);

    box-shadow:
        0 6px 16px rgba(0,0,0,.12);
}

/* FADE */

@keyframes pdsFadeIn {

    from {

        opacity: 0;
    }

    to {

        opacity: 1;
    }
}

/* SLIDE */

@keyframes pdsSlideUp {

    from {

        opacity: 0;

        transform: translateY(20px);
    }

    to {

        opacity: 1;

        transform: translateY(0);
    }
}

/* SCALE */

@keyframes pdsScaleIn {

    from {

        opacity: 0;

        transform: scale(.95);
    }

    to {

        opacity: 1;

        transform: scale(1);
    }
}

/* CLASSES */

.pds_fade_in {

    animation:
        pdsFadeIn .4s ease forwards;
}

.pds_slide_up {

    animation:
        pdsSlideUp .4s ease forwards;
}

.pds_scale_hover {

    transition:
        transform .25s ease;
}

.pds_scale_hover:hover {

    transform: scale(1.03);
}

.pds_ball_animation {

    animation:
        pdsScaleIn .35s ease forwards;
}