.custom-button {
    background-color: #e9c448; /* жовтий */
    color: #1e1f23; /* темний */
    font-family: 'DeusEx', sans-serif;
    font-weight: 500;
    font-size: 16px;
    height: 37px;
    width: 230px;
    padding-top: 5px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    clip-path: polygon(12px 0%, 100% 0%, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0% 100%, 0% 12px);
    transition: 
        background-color 0.3s,
        transform 0.2s ease,
        box-shadow 0.3s ease;
}

.custom-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 10px #e9c448, 0 0 20px #e9c448;
}

.custom-button:active {
    transform: translateY(1px);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
}

.custom-button--success {
    background-color: #4CAF50;
    color: #1e1f23;
    box-shadow: 0 0 10px #4CAF50, 0 0 20px #4CAF50;
}

.custom-button--success:hover {
    box-shadow: 0 0 15px #4CAF50, 0 0 25px #4CAF50;
}