.button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  border:0;
  border-radius:40px;
  min-height:54px;
  padding:13px 36px;
  color:#fff9ed;
  background:linear-gradient(120deg,#cb4d2b,#be4328);
  font:18px/1.2 var(--sans);
  transition:filter .2s,transform .2s
}

.button:hover {
  filter:brightness(1.07);
  transform:translateY(-1px)
}

.button--small {
  min-height:46px;
  padding:11px 29px;
  font-size:18px
}

.arrow {
  font-family:Arial,sans-serif;
  font-weight:300;
  font-size:25px;
  line-height:.7;
  display:inline-block
}

.text-link {
  background:none;
  border:0;
  border-bottom:1.5px solid var(--accent);
  padding:0 0 4px;
  font:16px/1.3 var(--sans);
  width:fit-content
}

.text-link:hover {
  color:var(--rust)
}

@media(max-width:700px) {
  .button {
    min-height:43px;
    padding:11px 23px;
    font-size:16px
  }
  .text-link {
    font-size:14px
  }
  .arrow {
    font-size:23px
  }
}