.btn-primary-custom,
.btn-secondary-custom,
.btn-outline-custom,
.btn-light-custom,
.btn-outline-light-custom {
    display: inline-flex;
    min-height: 50px;
    padding: 13px 23px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    font-weight: 700;
    transition: background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition);
}

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

.btn-primary-custom:hover {
    color: #fff;
    background: #087092;
    transform: translateY(-2px);
}

.btn-secondary-custom,
.btn-outline-light-custom {
    border-color: rgb(255 255 255 / 55%);
    color: #fff;
    background: rgb(255 255 255 / 8%);
}

.btn-secondary-custom:hover,
.btn-outline-light-custom:hover {
    color: var(--color-primary-dark);
    background: #fff;
}

.btn-outline-custom {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: transparent;
}

.btn-outline-custom:hover {
    color: #fff;
    background: var(--color-primary);
}

.btn-light-custom {
    color: var(--color-primary-dark);
    background: #fff;
}

.btn-light-custom:hover {
    color: var(--color-primary);
    background: #edf6f8;
}

.btn-primary-custom:active,
.btn-secondary-custom:active,
.btn-outline-custom:active,
.btn-light-custom:active,
.btn-outline-light-custom:active {
    transform: translateY(0) scale(.985);
}

@media (hover: none) {
    .btn-primary-custom:hover,
    .btn-secondary-custom:hover,
    .btn-outline-custom:hover,
    .btn-light-custom:hover,
    .btn-outline-light-custom:hover {
        transform: none;
    }
}