react-hartan/Components/Button/button.module.css

A simple components library for React

/* Button CSS Module */

/* Button style on normal state */
.generalBtn{
    outline: none;
    border: none;
    background: transparent;
    font-size: 1.3rem;
    font-weight: 500;
    cursor: pointer;
    padding: 0.5rem 1rem;
    border: transparent;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    background: #1e90ff;
    color: #ffffff;
    border-radius: 4px;
}

/* Button style on hover */
.generalBtn:hover {
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(30, 144, 255, 1) 0%, rgba(0, 212, 255, 1) 100%);
}

/* Button style when active */
.generalBtn:active {
    transform: translate(0em, 0.2em);
}