.btn-preset-percent {
    background-color: #ffffff !important;
    color: #374151 !important;
    border: 1px solid #d1d5db !important;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    outline: none !important;
}
.btn-preset-percent:hover:not(.active) {
    border-color: #4285f4 !important;
    color: #4285f4 !important;
    background-color: #eff6ff !important;
}
.btn-preset-percent:focus,
.btn-preset-percent:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
.btn-preset-percent.active {
    background-color: #4285f4 !important;
    color: #ffffff !important;
    border-color: #4285f4 !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 3px rgba(66, 133, 244, 0.35);
}
.btn-preset-percent.active:hover,
.btn-preset-percent.active:focus,
.btn-preset-percent.active:focus-visible {
    background-color: #2b6cb0 !important;
    color: #ffffff !important;
    border-color: #2b6cb0 !important;
}