.app-external-orders {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}

.app-external-orders a {
  display: flex;
  justify-content: center;
  align-items: center;

  background: transparent;
  color: var(--primary);
  text-decoration: none;
  text-transform: uppercase;

  padding: 10px 15px;

  border: 1px solid var(--primary);
  border-radius: var(--radius);
}

.app-external-orders a:hover {
  border-color: var(--info);
  background-color: var(--info);
  color: var(--white);
}