button的全局样式模板

button的全局样式

/*more global css*/
.btn {
  background: var(--clr-primary);
  color: var(--clr-white);
  text-transform: uppercase;
  letter-spacing: var(--spacing);
  padding: 0.75rem 1rem;
  /* 显示要设置，不然margin效果出不来 */
  display: inline-block;
  font-weight: 700;
  transition: var(--transition);
  font-size: 1rem;
  border: none;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.btn:hover {
  background: var(--clr-primary-light);
  color: var(--clr-primary);
}