.addon-options {
  display: flex;
  gap: 15px;
  margin-top: 10px;
}
.addon-pill {
  border: 1px solid rgba(36, 36, 33, .5);
  padding: 6px 14px;
  cursor: pointer;
  user-select: none;
  width: 50%;
}
.addon-pill input {
  display: none;
}
.addon-pill input:checked + span,
.addon-pill:has(input:checked) {
  background: #dcd9c9;
  border-color: #242421;
}

.addon-title{
  font-size: 1.4rem;
}

@media (max-width: 600px) {
  .addon-title{
    font-size: 1.2rem;
  }
}