* {
  box-sizing: border-box;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.button_primary {
  background-color: var(--bs-orange);
  color: var(--black);
  border-radius: 15px;
  padding: 13px 40px;
  font-family: DM Sans, sans-serif;
  font-size: 1.15rem;
  font-weight: 500;
  transition: transform .2s;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1), inset -4px -5px 4px rgba(0, 0, 0, .15), inset 3px 5px 4px rgba(255, 255, 255, .4);
}

.button_primary:hover {
  transform: scale(.95);
}

@media screen and (max-width: 767px) {
  .button_primary {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .button_primary {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}