:where(button, a[role="button"], .portfolio-button, .admin-dashboard-tile):not(.site-header *):not(.site-footer *){transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,filter .18s ease}
:where(button, a[role="button"], .portfolio-button, .admin-dashboard-tile):not(.site-header *):not(.site-footer *):not(:disabled):hover{transform:translateY(-3px);background-color:#ead5d5;box-shadow:0 6px 14px rgba(141,93,102,.22)}
:where(button, a[role="button"], .portfolio-button, .admin-dashboard-tile):not(.site-header *):not(.site-footer *):not(:disabled):active{transform:translateY(0) scale(.96);background-color:#c98787;box-shadow:0 2px 5px rgba(141,93,102,.25)}
:where(button, a[role="button"], .portfolio-button, .admin-dashboard-tile).is-clicked:not(.site-header *):not(.site-footer *){animation:button-click-feedback .34s ease}
@keyframes button-click-feedback{0%{transform:translateY(-3px) scale(1)}35%{transform:translateY(0) scale(.94);background-color:#c98787}100%{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){:where(button, a[role="button"], .portfolio-button, .admin-dashboard-tile):not(.site-header *):not(.site-footer *){transition:none}.is-clicked{animation:none!important}}