.btn.btn-primary,
.button.button--primary {
  padding: 0;
  background-color: #f06e20;
  border-color: #f06e20;
  border-radius: 35px;
  height: 47px;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  min-width: 200px;
}

.btn.btn-primary a,
.btn.btn-primary a:hover {
  color: inherit;
}

.btn.btn-primary:focus {
  color: #fff;
  background-color: #f06e20;
  border-color: #f06e20;
  box-shadow: 0 0 0 0.2rem rgba(240, 110, 32, 0.5);
}

.btn.btn-primary:hover {
  color: #f06e20;
  background-color: #fff;
  border-color: #f06e20;
}

.btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #f06e20;
  border-color: #f06e20;
}

.btn.btn-primary.btn--show-more {
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  gap: 19px;
}

.btn.btn-primary.btn--show-more::after {
  content: '';
  width: 20px;
  height: 27px;
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 27"><path fill="%23fff" d="M0 4.03v18.94a3.968 3.968 0 0 0 2.243 3.578 4.697 4.697 0 0 0 4.956-.585l11.439-9.471A3.957 3.957 0 0 0 20 13.5a3.97 3.97 0 0 0-1.362-2.992L7.199 1.038A4.703 4.703 0 0 0 2.243.452c-.673.322-1.24.83-1.637 1.463A3.968 3.968 0 0 0 0 4.029Zm4.486 18.468V4.727l10.81 8.773-10.81 8.998Z"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
}

@media (min-width: 768px) {
  .btn.btn-primary,
  .button.button--primary {
    font-size: 20px;
  }
}