.btn {
    border-radius: 0;
}

.btn.btn-primary {
    background-color: var(--blue);
    border-color: var(--blue);
}

.form-check-input:checked {
    background-color: var(--blue);
    border-color: var(--blue);
}

.btn-close,
.btn-close:focus,
.btn-close:hover {
    background: transparent var(--bs-btn-close-bg) center/0.8em auto no-repeat;
    box-shadow: none;
    color: var(--text-colour);
    opacity: 1;
}

.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
    padding: 2rem 1rem 1rem 1rem;
}

.form-floating > .form-select:invalid ~ label {
    font-size: 1rem;
    transform: scale(1) translateY(0rem) translateX(0.15rem);
}

.form-floating > .form-select:valid ~ label {
    font-size: 0.85rem;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}