.coinSelect {
  composes: select from '@shared/Form/Input/InputElement.module.css';
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-base);
  border: none;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  background-color: var(--background-highlight);
  width: auto;
  padding: 0 1.25rem 0 0.25rem;
  height: 41px;
  text-align: center;

  /* custom arrow, without the divider line */
  background-image: linear-gradient(
      45deg,
      transparent 50%,
      var(--font-color-text) 50%
    ),
    linear-gradient(135deg, var(--font-color-text) 50%, transparent 50%);
  background-position: calc(100% - 14px) 1.2rem, calc(100% - 9px) 1.2rem, 100% 0;
}

.option {
  color: var(--font-color-heading);
}
