.mainsearchbar {
  margin: 0 auto;
  text-align: center;
  width: 80%;
}
.mainsearchbtn {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-primary);
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5625rem;  /* 25px */
  padding: 0.3125rem 1.25rem;  /* 5px 20px */
  color: var(--color-white);
  background: var(--color-secondary);
  transition: var(--transition-normal);
}

.mainsearchbtn:hover,
.mainsearchbtn:focus {
  border: 2px solid var(--color-secondary);
  background-color: var(--color-white);
  color: var(--color-primary);
  transform: translateY(-2px);
  ;
}