.vf-btn {
  align-self: flex-start;
  font-weight: 700;
  font-size: calc(12rem / var(--vf-font-size-rem-px));
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  color: rgb(21 21 21);
  background-color: rgb(255 255 255);
  border: 1px solid rgb(21 21 21);
  border-radius: 0;
  overflow: hidden;
  min-width: max-content;
  max-width: max-content;
  padding: calc(8rem / var(--vf-font-size-rem-px) + .1875ex) calc(20rem / var(--vf-font-size-rem-px)) calc(8rem / var(--vf-font-size-rem-px));
  transition: all var(--vf-transition-duration) var(--vf-transition-easing);
}

.vf-btn:hover,
.vf-btn:focus {
  background-color: rgb(189 30 30);
  border-color: rgb(189 30 30);
  color: rgb(255 255 255);
}