/* +++++++++++++++++++++++++++++++ *\
             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-accent);
    background-color: var(--color-accent);
    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);
}
/* +++++++++++++++++++++++++++++++ *\
               BADGE
\* +++++++++++++++++++++++++++++++ */
p.badge {
    background-color: var(--color_secondary);
    padding: 8px 13px;
    border-radius: 4px;
    color: var(--color_white);
    width: 200px;
    font-weight: 700;
    text-align: center;
    transform: rotate(-8deg);
    margin-left: auto;
}