.btn {
--bs-btn-padding-x: 2.5rem;
--bs-btn-padding-y: 1rem;
--bs-btn-font-family: orbitron, Arial, Helvetica;
--bs-btn-font-size: 0.9rem;
--bs-btn-font-weight: 600;
--bs-btn-line-height: 1.1rem;
--bs-btn-color: #1D202D;
--bs-btn-bg: transparent;
--bs-btn-border-width: 1px;
--bs-btn-border-color: transparent;
--bs-btn-border-radius: 0.375rem;
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: 0.5s all ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
color: var(--bs-btn-color);
background-color: var(--bs-btn-bg);
border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
color: var(--bs-btn-active-color);
background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
color: var(--bs-btn-disabled-color);
pointer-events: none;
background-color: var(--bs-btn-disabled-bg);
border-color: var(--bs-btn-disabled-border-color);
opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
--bs-btn-color: #000;
--bs-btn-bg: #777B58;
--bs-btn-border-color: #777B58;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #8b8f71;
--bs-btn-hover-border-color: #858869;
--bs-btn-focus-shadow-rgb: 101, 105, 75;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #929579;
--bs-btn-active-border-color: #858869;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #777B58;
--bs-btn-disabled-border-color: #777B58;
}
.btn-secondary {
--bs-btn-color: #000;
--bs-btn-bg: #FFFFFF;
--bs-btn-border-color: #FFFFFF;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: white;
--bs-btn-hover-border-color: white;
--bs-btn-focus-shadow-rgb: 217, 217, 217;
--bs-btn-active-color: #000;
--bs-btn-active-bg: white;
--bs-btn-active-border-color: white;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #FFFFFF;
--bs-btn-disabled-border-color: #FFFFFF;
}
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #FFFFFF;
--bs-btn-border-color: #FFFFFF;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #e6e6e6;
--bs-btn-hover-border-color: #ccc;
--bs-btn-focus-shadow-rgb: 217, 217, 217;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ccc;
--bs-btn-active-border-color: #bfbfbf;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #FFFFFF;
--bs-btn-disabled-border-color: #FFFFFF;
}
.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #151821;
--bs-btn-border-color: #151821;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #383b42;
--bs-btn-hover-border-color: #2c2f37;
--bs-btn-focus-shadow-rgb: 56, 59, 66;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #44464d;
--bs-btn-active-border-color: #2c2f37;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #151821;
--bs-btn-disabled-border-color: #151821;
}
.btn-outline-primary {
--bs-btn-color: #777B58;
--bs-btn-border-color: #777B58;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #777B58;
--bs-btn-hover-border-color: #777B58;
--bs-btn-focus-shadow-rgb: 119, 123, 88;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #777B58;
--bs-btn-active-border-color: #777B58;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #777B58;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #777B58;
--bs-gradient: none;
}
.btn-outline-secondary {
--bs-btn-color: #FFFFFF;
--bs-btn-border-color: #FFFFFF;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #FFFFFF;
--bs-btn-hover-border-color: #FFFFFF;
--bs-btn-focus-shadow-rgb: 255, 255, 255;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #FFFFFF;
--bs-btn-active-border-color: #FFFFFF;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #FFFFFF;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #FFFFFF;
--bs-gradient: none;
}
.btn-outline-light {
--bs-btn-color: #FFFFFF;
--bs-btn-border-color: #FFFFFF;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #FFFFFF;
--bs-btn-hover-border-color: #FFFFFF;
--bs-btn-focus-shadow-rgb: 255, 255, 255;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #FFFFFF;
--bs-btn-active-border-color: #FFFFFF;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #FFFFFF;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #FFFFFF;
--bs-gradient: none;
}
.btn-outline-dark {
--bs-btn-color: #151821;
--bs-btn-border-color: #151821;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #151821;
--bs-btn-hover-border-color: #151821;
--bs-btn-focus-shadow-rgb: 21, 24, 33;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #151821;
--bs-btn-active-border-color: #151821;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #151821;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #151821;
--bs-gradient: none;
}
.btn-link {
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: none;
--bs-btn-focus-shadow-rgb: 101, 105, 75;
text-decoration: none;
}
.btn-link:focus-visible {
color: var(--bs-btn-color);
}
.btn-link:hover {
color: var(--bs-btn-hover-color);
}
.btn-lg {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: calc(1.2875rem + 0.45vw);
--bs-btn-border-radius: 0.5rem;
}
@media (min-width: 1200px) {
.btn-lg {
--bs-btn-font-size: 1.625rem;
}
}
.btn-sm {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 1.1375rem;
--bs-btn-border-radius: 0.25rem;
}
.btn-close {
box-sizing: content-box;
width: 1rem;
height: 1rem;
padding: 0.25em 0.25em;
color: #FFFFFF;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1rem auto no-repeat;
border: 0;
border-radius: 0.375rem;
opacity: 1;
}
.btn-close:hover {
color: #FFFFFF;
text-decoration: none;
opacity: 0.85;
}
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(119, 123, 88, 0.25);
opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
user-select: none;
opacity: 0.25;
}
.btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%);
}