:root{
    --green:#48a745;
    --greenHover:#4db749;
    --greenFocus:#48a745;
    --blue:#0154a4;
    --blueHover:#075eb0;
    --blueFocus:#0154a4;
}

.btn{
     
    font-weight: bold;
}

.btn-primary {
    color: #fff;
    background-color: var(--green);
    border-color: var(--green);
}

.btn-primary:hover {
    transition: 0.3s;
    color: #fff;
    background-color: var(--greenHover);
    border-color: var(--greenHover);
    transform: translateY(-2px);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: var(--greenFocus);
    border-color: var(--greenFocus);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}

.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--greenHover);
    border-color: var(--greenFocus);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}

.btn-info {
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
}

.btn-info:hover {
    transition: 0.3s;
    color: #fff;
    background-color: var(--blueHover);
    border-color: var(--blueHover);
    transform: translateY(-2px);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: var(--blueFocus);
    border-color: var(--blueFocus);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}

.btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: var(--blueHover);
    border-color: var(--blueFocus);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}

.input-group-text{
    color: white;
    border: none;
    background: #4db749;
}