.btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    text-shadow: none !important;
    border: none !important;
    width: 100% !important;
}

.btn:focus {
    box-shadow: none !important;
}

.btn [class^="bi-"],
.btn [class*=" bi-"],
.btn [class^="bi-"]:before,
.btn [class*=" bi-"]:before {
    font-size: var(--text-lg);
}

.btn-lg [class^="bi-"],
.btn-lg [class*=" bi-"],
.btn-lg [class^="bi-"]:before,
.btn-lg [class*=" bi-"]:before {
    font-size: var(--text-3xl);
}

.btn-primary {
    color: var(--white-color) !important;
    background: var(--primary-color) !important;
    height: 48px;
    border-radius: 5px !important;
}

.btn-primary:hover {
    background: var(--primary-hover-color) !important;
}

.btn-primary.focust, .btn-primary:focus {
    background: var(--primary-focus-color) !important;
    border-color: var(--primary-focus-color);
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background: var(--primary-active-color);
}

.btn-success {
    background-color: var(--green-500-color) !important;
    color: var(--white-color) !important;
}

.btn-success:hover {
    background-color: var(--green-600-color) !important;
}

.btn-light {
    color: var(--text-color) !important;
}

.btn-icon {
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: var(--text-base);
}

.btn-outline-primary {
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    background: transparent !important;
}

.btn-outline-primary:hover {
    border: 1px solid var(--primary-color) !important;
    color: var(--white-color) !important;
    background: var(--primary-color) !important;
}

.close {
    width: 25px;
    height: 25px;
    background-color: white;
    border: 1px solid black;
    border-radius: 25px;
}

.close span {
    color: black;
    font-size: 1rem;
}

.close:hover {
    color: white;
    background-color: var(--secondary-background-color);
    border-color: white;
}

.close:hover span {
    color: white;
}

.cookiealert .btn {
    width: 150px !important;
    display: inline-block !important;
}