.vbx-button {
  width: 100%;
  text-align: var(--vbx-button-align, inherit);

  a {
    background-color: var(--vbx-button-color, inherit);
    border-radius: var(--vbx-button-border-radius, 0px);
    font-size: clamp(0px, var(--vbx-font-size, inherit), 8vw);
    text-decoration: none;
    color: var(--vbx-text-color, inherit);
    margin-top: var(--vbx-margin-top, 0px);
    margin-right: var(--vbx-margin-right, 0px);
    margin-bottom: var(--vbx-margin-bottom, 0px);
    margin-left: var(--vbx-margin-left, 0px);
    padding-top: var(--vbx-padding-top, 0px);
    padding-right: var(--vbx-padding-right, 0px);
    padding-bottom: var(--vbx-padding-bottom, 0px);
    padding-left: var(--vbx-padding-left, 0px);
  }
}

@media screen and (min-width: 64rem) {
  .vbx-button {
    font-size: var(--vbx-font-size, inherit);
  }
}