/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.btn--action-full {
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    min-inline-size: var(--btn-min-width);
    line-height: var(--btn-line-height);
    font-size: var(--btn-font-size, var(--text-m));
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-decoration: var(--btn-text-decoration);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-border-radius);
    display: var(--btn-display, inline-flex);
    text-align: center;
    justify-content: center;
    align-items: center;
    background: var(--btn-background);
    color: var(--btn-text-color);
    border-color: var(--btn-border-color);
    transition: all var(--btn-transition-duration) ease;
}

.btn--action-full {
    --btn-background: var(--action);
    --btn-background-hover: var(--action-hover);
    --btn-text-color: var(--action-ultra-light);
    --btn-text-color-hover: var(--action-ultra-light);
    --btn-border-color: var(--action);
    --btn-border-color-hover: var(--action-hover);
    --btn-outline-background-hover: var(--action-hover);
    --btn-outline-border-hover: var(--action-hover);
    --btn-outline-text-color: var(--action);
    --btn-outline-text-color-hover: var(--action-ultra-light);
    --focus-color: var(--action);
}

.btn--action-full:hover {
    background: var(--btn-background-hover);
    border-color: var(--btn-border-color-hover);
    color: var(--btn-text-color-hover);
    text-decoration: var(--btn-text-decoration-hover);
}