.productFunction {
    transition: all 0.3s ease;
}

.productFunction.active {
    background-color: #202C39;
    color: #B8B08D;
    border-color: #B8B08D;
}

.productFunction.active svg {
    fill: #B8B08D;
    transition: fill 0.3s ease;
}

.productFunction.active:hover {
    opacity: 0.9;
    transform: scale(0.98);
}

.productFunction:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}