#search-input{
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

#search-btn{
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

main {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}

.deck-card {
  height: 16rem;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1024px) {
  #rules-card {
    grid-column: span 2;
  }
}

@media (max-width: 640px) {
  #rules-card {
    grid-column: auto;
  }
  #search-btn{
    padding-left:var(--space-4);
    padding-right:var(--space-4);
  }
}