@import "variables.css";

.primary-button {
  height: 48px;
  overflow: hidden;
  min-width: 160px;
  padding: 4px 16px;
  font-size: 14px;
  font-weight: 400;
  color: var(--btn-primary-o-color);
  border: 2px solid var(--btn-primary-o-border);
  background-color: var(--btn-primary-o-bg);
  cursor: pointer;
  letter-spacing: 1.4px;
  text-transform: capitalize;
  text-decoration: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 0.27s ease-in-out, background 0.27s ease-in-out;
  border-radius: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.primary-button:hover {
  color: var(--btn-primary-o-bg);
  border: 2px solid var(--btn-primary-o-bg);
  background-color: var(--btn-primary-o-border) ;
}