.tr-button-normal {
    display: flex;
    background: #4dae65;
    border: 1px solid #4dae65 !important;
    color: #ffffff !important;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 3px;
    width: fit-content;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 18px rgba(77, 174, 101, 0.18);
    cursor: pointer;
    transition: background 0.25s cubic-bezier(0.4,0,0.2,1), color 0.25s cubic-bezier(0.4,0,0.2,1), box-shadow 0.25s cubic-bezier(0.4,0,0.2,1), border-color 0.25s cubic-bezier(0.4,0,0.2,1), transform 0.12s cubic-bezier(0.4,0,0.2,1);
}

.tr-button-normal:hover, 
.tr-button-normal:focus-visible {
    background: #ffffff;
    color: #4dae65 !important;
    border-color: #4dae65 !important;
    outline: none;
    text-decoration: none;
}

.tr-button-normal:active {
    background: #388d4d;
    color: #e8f5ec !important;
    border-color: #388d4d !important;
    box-shadow: 0 2px 8px rgba(77, 174, 101, 0.15);
    transform: translateY(1px) scale(0.98);
}