/*-----------------------------------------------------------------------------
--
--  _|      _|    _|_|      _|_|
--  _|      _|  _|    _|  _|    _|
--  _|      _|      _|        _|
--    _|  _|      _|        _|
--      _|      _|_|_|_|  _|_|_|_|
--
--  @file      v22-buttons.css
--  @copyright See authors list below and v22.copyrights file
--  @licence   LGPL v3
--  @encoding  UTF-8
-------------------------------------------------------------------------------
--  @summary
--  V22 framework - Gnoga User Interface
--
--  @description
--
--
--  @authors
--  Arthur Le Floch - alf - developpement@soweb.io
--  Stéphane Rivière - sr - sriviere@soweb.io
--
--  @versions
--  See git log
-----------------------------------------------------------------------------*/

/* Standard button */

.button-standard {
    background-color: var(--button-standard-background-color);
    box-sizing: border-box;
    font-size: .9em; /*13px;*/
    padding: .3em .4em .3em .4em; /* top | right | bottom | left */
    border-radius: 8px;
}

.button-standard:hover {
    background-color: var(--button-standard-background-color-hover);
}

.button-standard:active {
    color: var(--button-standard-background-color-active);
}

/* Light button */

.button-light {
    background-color: transparent;
    border: none;
    color: var(--button-light-color);
    cursor: pointer;
    white-space: nowrap;
}

.button-light:hover {
    text-decoration: underline;
}

.button-light:active {
    color: var(--button-light-color-active);
}

/* Breadcrumb button */

.button-breadcrumb {
    font-size: 16px;
    font-weight: bold;
    background-color: transparent;
    border: none;
    color: var(--button-breadcrumb-color);
    cursor: pointer;
}

.button-breadcrumb:hover {
    text-decoration: underline;
}

.button-breadcrumb:active {
    color: var(--button-breadcrumb-color-active);
}

/*------------------------------------------------------------
  --  EOF
  ------------------------------------------------------------*/