.btn {
  font-family: 'StackSansNotch', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #242424;
  border: 1px solid #ffffff;
  padding: 10px 16px;
  margin: 5px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline;
}

.btn:hover:not(:disabled) {
  background: #fff;
  color: #242424;
}

.btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

footer .btn {
  font-family: 'StackSansNotch', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #000;
  border: 1px solid #000;
  padding: 10px 16px;
  margin: 5px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline;
}

footer .btn:hover:not(:disabled) {
  background: #fff;
  color: #000;
}

footer .btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

@media(max-width:700px){
  .btn:hover:not(:disabled), footer .btn:hover:not(:disabled) {
    background: #242424;
    color: #fff;
    border: #fff 1px solid;
  }
}