/*
 * @Author: Kane
 * @Date: 2022-11-12 23:20:29
 * @LastEditors: Kane
 * @LastEditTime: 2022-11-12 23:45:27
 * @FilePath: \car_dealer\css\button.css
 * @Description: 
 * 
 * Copyright (c) ${2022} by Kane, All Rights Reserved. 
 */
@import url("colors.css");

button {
    padding: 5px 10px;
    background-color: var(--btn-color-red);
    color: var(--btn-font-color);
    width: 10em;
    border: none;
    border-radius: 0.25em;
    font-size: 1.5rem;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
}

button:hover {
    cursor: pointer;
}

/* 用于按钮点击时样式切换。 */
button:active {
    background-color: var(--btn-font-color);
    color: var(--btn-color-red);
}