/*!
 * Componente Nombre:  dexvcbkng    | button    | themes
 * Autor: DEX360
 * Copyright: DEX360

    0.  :root        
    1.  dexvcbkng_button_skin

    10. Responsive
*/


/* 0. :root */
:root {
    --colorPrimary: #00a3e0;
}

/* 1. dexvcbkng_button_skin
--------------------------------------------------------------*/
.dexvcbkng_button_skin a {
    background-color: var(--colorPrimary);
    border-radius: 0;
    color: #ffffff !important;
    font-size: .75em;
    font-weight: 600;
    height: 55px;
    padding: 0 1.5em;
    position: relative;
    z-index: 10;
}
.dexvcbkng_button_skin a:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    transform-origin: bottom;
    z-index: -1;
    transform: scaleY(0);
    opacity: 0;
    transition: transform .4s, opacity .4s;
}
.dexvcbkng_button_skin a:hover:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    transform-origin: bottom;
    z-index: -1;
    transform: scaleY(0);
    opacity: 1;
    transform: scaleY(1)
}
.dexvcbkng_button_skin a:hover {
    text-decoration: none;
    color: #fff
}
.dexvcbkng_button_skin a:hover,
.dexvcbkng_button_skin a:active,
.dexvcbkng_button_skin a:focus {
    background-color: var(--colorPrimary);
}