.animated-button-style {
    transition: background-color 0.2s ease, box-shadow 0.2s ease-out, transform 0.2s ease-out, filter 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    will-change: transform, box-shadow, filter;
}

.animated-button-style:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
    filter: brightness(1.1);
}

.animated-button-style:active {
    transform: translateY(0) scale(0.97);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    filter: brightness(1);
}