// main: ../theme.less, out: false, compress: false, sourceMap: false

/* Buttons
/******************************/
.ckav-btn {
    font-family: @button-font;
}

/*== Default button ===============*/
.default-btn {
    background-color: @default;
    border-color: @default;
    color: #fff;
}
.default-btn:hover,
.default-btn:focus,
.default-btn:active,
.default-btn.active {
    background-color: @dark;
    border-color: @dark;
    color: #fff;
}

/*== Primary button ===============*/
.primary-btn {
    background-color: @primary;
    border-color: @primary;
    color: #fff;
}
.primary-btn:hover,
.primary-btn:focus,
.primary-btn:active,
.primary-btn.active {
    background-color: @dark;
    border-color: @dark;
    color: #fff;
}

/*== Dark button ===============*/
.dark-btn {
    background-color: @dark;
    border-color: @dark;
    color: #fff;
}
.dark-btn:hover,
.dark-btn:focus,
.dark-btn:active,
.dark-btn.active {
    background-color: @primary;
    border-color: @primary;
    color: #fff;
}


/*== Dark button ===============*/
.white-btn {
    background-color: @white;
    border-color: @white;
    color: @dark;
}
.white-btn:hover,
.white-btn:focus,
.white-btn:active,
.white-btn.active {
    background-color: @dark;
    border-color: @dark;
    color: @white;
}
.glass.white-btn {
    background-color: transparent;
    border-color: transparent;
}
.white-btn:hover,
.white-btn:focus,
.white-btn:active,
.white-btn.active {
    background-color: @dark;
    border-color: @dark;
    color: @white;
}

.tag-btn {
    border-color: rgba(0, 0, 0, 0.2);
    &:hover {
        background-color: @dark;
        color: @white;
    }

    &.light {
        border-color: rgba(255, 255, 255, 0.2);
        color: @white;

        &:hover {
            background-color: @white;
            color: @dark;
        }
    }
}