/* shared/buttons */
.primary-action {
  display:inline-flex;
  align-items:center;
  gap:32px;
  font-size:14px;
  font-weight:550;
  letter-spacing:.1px;
  padding:8px 9px 8px 22px;
  min-height:53px;
  background:var(--ink);
  color:white;
  border-radius:5px;
  transition:background .25s,transform .25s;
  box-shadow:0 6px 18px #19252f10;
}

.primary-action:hover {
  background:var(--blue);
  color:white;
  transform:translateY(-2px);
}

.action-icon {
  display:grid;
  place-items:center;
  background:#ffffff16;
  font-size:23px;
  font-weight:300;
  border-radius:3px;
  width:37px;
  height:37px;
}

@media(min-width:1600px) {
.primary-action {
  font-size:16px;
  padding-left:25px;
  min-height:58px;
}
}

@media(max-width:1150px) {
.primary-action {
  gap:18px;
}
}

@media(max-width:640px) {
.primary-action {
  font-size:12px;
  gap:21px;
  padding-left:16px;
  min-height:49px;
}
.action-icon {
  width:32px;
  height:32px;
  font-size:22px;
}
}

@media(max-width:360px) {
.primary-action {
  gap:12px;
}
}

@media(max-width:640px) {
.primary-action {
  font-size:14px;
  gap:12px;
}
}

@media(max-width:360px) {
.primary-action {
  font-size:12px;
  gap:10px;
}
}

.text-link {
  display:inline-flex;
  align-items:center;
  gap:25px;
  padding:10px 0;
  border-bottom:1px solid #b6c4d2;
  font-size:15px;
  font-weight:500;
}

.text-link span {
  font-size:20px;
}

button.primary-action, button.text-link { cursor:pointer; font-family:inherit; }
button.primary-action { border:0; }
button.text-link { border-top:0; border-right:0; border-left:0; background:transparent; color:inherit; }