ANIMATED BUTTONS ON HOVER

In the custom.css code you can add this to animate

Use lightly and and adjust where needed

/* Custom push button */

.btn-primary {
    position: relative;
    isolation: isolate;
    transition: all ease 0.2s;
    border-width: 2px;
}
.btn-primary:hover {
    background-color: var(--bs-primary);
}
.btn-primary:not([name="commit"]) {
    box-shadow: 5px 5px;
}
.btn-primary:not([name="commit"]):hover {
    box-shadow: 0px 0px;
    transform: translate(5px, 5px);
}