/* +++++++++++++++++++++++++++++++ *\
             BUTTON
\* +++++++++++++++++++++++++++++++ */
button {
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 4px;
    padding: 10px 16px;
    
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}

button:disabled {
    opacity: 0.8;
}

button[type="submit"] {
    border: 1px solid var(--color_secondary);
    background-color: var(--color_secondary);
    color: var(--color_white);
    width: 50%;
    animation: shake-button 6s linear infinite;
}

button.js-prev-btn {
    border: 1px solid #929292;
    color: #929292;
}
button.js-prev-btn:hover {
    background-color: #929292;
    color: #000;
}
button.js-next-btn {
    border: 1px solid var(--color_primary);
    background-color: var(--color_primary);
    color: var(--color_white);
}