/* Primary Button Colors and Effects */
.btn-primary-default-colors {
    background-color: var(--btn-primary-color) !important;
    color: var(--btn-primary-color-text) !important;
}

    .btn-primary-default-colors:hover {
        box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
        color: var(--btn-primary-hover-color-text, #ffffff) !important;
    }

    .btn-primary-default-colors:focus {
        box-shadow: var(--btn-primary-focus-color) !important;
    }

/* Secondary Button Colors and Effects */
.btn-secondary-default-colors {
    background-color: var(--btn-secondary-color) !important;
    color: var(--btn-secondary-color-text) !important;
}

    .btn-secondary-default-colors:hover {
        box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
        mix-blend-mode: multiply;
    }

    .btn-secondary-default-colors:focus {
        box-shadow: var(--btn-secondary-focus-color) !important;
    }

/* Tertiary Button Colors and Effects */
.btn-tertiary-default-styling {
    border: 1px solid !important;
    border-color: var(--btn-tertiary-border-color) !important;
}

.btn-tertiary-default-colors {
    background-color: var(--btn-tertiary-color) !important;
    color: var(--btn-tertiary-color-text) !important;
}

    .btn-tertiary-default-colors:hover {
        background-color: var(--btn-tertiary-hover-color) !important;
        color: var(--btn-tertiary-hover-color-text) !important;
        border-color: var(--btn-tertiary-hover-color) !important;
    }

    .btn-tertiary-default-colors:focus {
        box-shadow: var(--btn-tertiary-focus-color) !important;
    }

/* Delete Button Colors and Effects */
.btn-delete-default-colors {
    background-color: var(--btn-delete-color) !important;
    color: var(--btn-delete-color-text) !important;
}

    .btn-delete-default-colors:hover {
        box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
        mix-blend-mode: multiply;
    }

    .btn-delete-default-colors:focus {
        box-shadow: var(--btn-delete-focus-color) !important;
    }