/* 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);
}
If you want a certain different color beihnd the button
use this tempalte
/* 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 #F5DB44;
}
.btn-primary:not([name="commit"]):hover {
box-shadow: 0px 0px;
transform: translate(5px, 5px);
}