.vireo-link {
    color: black;
    font-weight: bold;
}

.vireo-link:hover {
    color: var(--v-primary-dark);
    text-decoration: none;
}

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

/* only use btn-vireo in conjunction default bootstrap buttons to apply special vireo overrides, otherwise use the custom vireo buttons */
.btn-vireo {
    font-family: var(--v-font-primary);
    padding: 6px 11px;
    border-radius: 5px;
    border: none;
    margin-top: 0;
}

.btn-vireo-lg {
    padding: 11px 21px !important;
}

.btn-vireo-sm {
    padding: 2px 8px !important;
    font-size: .9rem !important;
}

.btn-icon {
    width: var(--v-icon-width);
    height: var(--v-icon-width);
    margin-bottom: var(--v-icon-gap);
    display: inline-block;
}

.btn-file-download {
    min-width: 20rem !important;
}

@media screen and (min-width: 992px) {
    .btn-file-download {
        min-width: 30rem !important;
    }
}

.btn-icon > .fa,
.btn-icon > .fas,
.btn.icon > .far {
    width: fit-content;
    width: -moz-fit-content;
}

.btn-vireo-orange {
    padding: 6px 11px;
    color: #fff;
    background: var(--v-primary-gradient) !important;
    border: none;
    border-radius: 5px;
    margin-top: 0;
}

.btn-vireo-green {
    padding: 6px 11px;
    color: #fff;
    background-color: var(--v-secondary) !important;
    border: none;
    border-radius: 5px;
    margin-top: 0;
}

.btn-vireo-success {
    padding: 6px 11px;
    color: #fff;
    background-color: var(--v-success) !important;
    border: none;
    border-radius: 5px;
    margin-top: 0;
}

.btn-vireo-info {
    padding: 6px 11px;
    color: #fff;
    background-color: var(--v-info) !important;
    border: none;
    border-radius: 5px;
    margin-top: 0;
}

.btn-vireo-danger {
    padding: 6px 11px;
    color: #fff;
    background-color: var(--v-danger) !important;
    border: none;
    border-radius: 5px;
    margin-top: 0;
}

.btn-vireo-warning {
    padding: 6px 11px;
    color: #fff;
    background-color: var(--v-warning) !important;
    border: none;
    border-radius: 5px;
    margin-top: 0;
}

.btn-vireo-grey {
    border: none;
    background: var(--v-grey-gradient) !important;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    margin-top: 0;
}

.btn-vireo-action {
    border: none;
    padding: 0;
    margin: 0 var(--v-icon-gap);
    color: var(--v-secondary);
    background-color: transparent !important;
    font-size: 14px;
    text-decoration: none;
}

.btn-vireo-action-fill {
    border: none;
    padding: 6px 12px;
    margin: 0 var(--v-icon-gap);
    color: #fff;
    background-color: var(--v-secondary) !important;
    border-radius: 5px;
    text-decoration: none;
}

.btn-vireo-brand {
    border: none;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    margin-top: 0;
}

.btn-vireo-brand-health {
    background: var(--v-brand-health) !important;
}

.btn-vireo-brand-tax {
    background: var(--v-brand-tax) !important;
}

.btn-vireo-brand-needs {
    background: var(--v-brand-needs) !important;
}

.btn-vireo-brand-lawyer {
    background: var(--v-brand-lawyer) !important;
}

.btn-vireo-action:not(.hover-none):hover {
    color: var(--v-secondary) !important;
    filter: brightness(1.2) !important;
}

.btn-vireo-action-fill:not(.hover-none):hover {
    color: #fff !important;
    filter: brightness(1.2) !important;
}

.btn-vireo-action:disabled {
    color: var(--v-secondary) !important;
}


.btn-vireo-action.text-vireo-orange:not(.hover-none):hover {
    color: var(--v-primary) !important;
    filter: brightness(1.2) !important;
}

.btn-vireo-grey:not(.hover-none):hover,
.btn-vireo-green:not(.hover-none):hover,
.btn-vireo-danger:not(.hover-none):hover,
.btn-vireo-info:not(.hover-none):hover,
.btn-vireo-success:not(.hover-none):hover,
.btn-vireo-orange:not(.hover-none):hover {
    color: rgba(255, 255, 255, 0.85) !important;
    filter: brightness(0.9) !important;
    text-decoration: none;
}

.btn-vireo-green:disabled,
.btn-vireo-danger:disabled,
.btn-vireo-info:disabled,
.btn-vireo-success:disabled,
.btn-vireo-orange:disabled {
    color: rgba(255, 255, 255, 0.85) !important;
}

.icon-badge {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    font-weight: normal !important;
    transform: translate(-25%, 50%) !important;
    border-radius: 50% !important;
    padding: 0.3em 0.5em !important;
}

.icon-badge-green {
    background-color: var(--v-info) !important;
}

.icon-badge-red {
    background-color: var(--v-primary-darker) !important;
}

.btn.disabled {
    color: #fff;
}

.btn-wide {
    min-width: 4rem;
}