/* Template extraction from var/template/assets/css/style.css for ui-buttons.html. */
.btn {
    border-radius: 5px;
    padding: 0.625rem 1.25rem;
    padding: 0.4rem 0.85rem;
    font-size: 1rem;
    transition: all 0.5s;
    font-weight: 600;
}
.btn:focus { box-shadow: none !important; }
.btn:hover { transition: all 0.5s; }
.btn.btn-lg { padding: 0.65rem 1rem; font-size: 1.125rem; }
.btn.btn-md { padding: 7px 12px; font-size: 1rem; }
.btn.btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; }
.btn-icon i { padding: 0rem; margin: -0.5rem; }
.btn-icon.btn-sm { width: 1.75rem; height: 1.75rem; font-size: 0.875rem; }
.btn-icon.btn-lg { width: 2.75rem; height: 2.75rem; font-size: 1.25rem; }
.btn-icon { width: 2.313rem; height: 2.313rem; font-size: 1rem; flex-shrink: 0; }
.btn.btn-primary {
    background-color: #FE9F43 !important;
    border: 1px solid #FE9F43 !important;
    color: #ffffff;
    box-shadow: 0 4px 20px rgba(254, 159, 67, 0.15);
    font-weight: 700;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {
    background-color: rgb(253.8111111111, 140.8666666667, 31.4888888889) !important;
    border: 1px solid rgb(253.8111111111, 140.8666666667, 31.4888888889) !important;
    box-shadow: 0 3px 10px rgba(254, 159, 67, 0.5);
    color: #ffffff !important;
}
.btn-white {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #E6EAED;
    color: #212B36;
    border-radius: 5px;
    font-weight: 700;
}
.btn-white:hover { border: 1px solid #FE9F43; background: #FE9F43; color: #ffffff; }
[data-color=chromeyellow] .btn.btn-primary {
    background-color: #006653 !important;
    border: 1px solid #006653 !important;
}
[data-color=chromeyellow] .btn.btn-primary:hover, [data-color=chromeyellow] .btn.btn-primary:focus, [data-color=chromeyellow] .btn.btn-primary.focus, [data-color=chromeyellow] .btn.btn-primary:active, [data-color=chromeyellow] .btn.btn-primary.active {
    background-color: #004F41 !important;
    border: 1px solid #004F41 !important;
}
[data-color=chromeyellow] .link-primary { color: #006653 !important; }
[data-color=chromeyellow] .link-primary:hover, [data-color=chromeyellow] .link-primary:focus, [data-color=chromeyellow] .link-primary:active { color: #004F41 !important; }
[data-color=chromeyellow] .btn-outline-primary {
    border: 1px solid #006653 !important;
    color: #006653 !important;
}
[data-color=chromeyellow] .btn-outline-primary:hover, [data-color=chromeyellow] .btn-outline-primary:focus, [data-color=chromeyellow] .btn-outline-primary.focus, [data-color=chromeyellow] .btn-outline-primary:active, [data-color=chromeyellow] .btn-outline-primary.active {
    background-color: #006653 !important;
    border: 1px solid #006653 !important;
    box-shadow: 0 3px 10px rgba(0, 102, 83, 0.45);
    color: #ffffff !important;
}
[data-color=chromeyellow] .btn-white { color: #212B36; }
[data-color=chromeyellow] .btn-white:hover,
[data-color=chromeyellow] .btn-white:focus,
[data-color=chromeyellow] .btn-white:active,
[data-color=chromeyellow] .btn-white.active {
    background: #212B36;
    border-color: #212B36;
    color: #ffffff;
}