
.btnChevron {
  background: #f7f8f9;
  border-color: #c8c9c7;
  color: #000;
}

.btnChevron:hover {
  background: #e8ebee;
}

.btnChevron:active {
  background: #dadfe3;
}

.btnChevron {
  padding-left: 0.625rem;
  text-align: left;
}

.btnChevron::after {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%2353565A" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.709 7.294L5.705 1.29a1.002 1.002 0 00-1.413 0 1.001 1.001 0 000 1.413L9.59 8l-5.298 5.296a1.001 1.001 0 000 1.413 1.002 1.002 0 001.413 0l6.004-6.003a1.001 1.001 0 000-1.412z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  margin-right: 0.375rem;
  margin-top: -0.5rem;
  position: absolute;
  right: 0;
  top: 50%;
  transition: color 0.25S ease-out;
}