.vertex-optimize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wp-block-vividberg-button {
  margin: 1rem 0;
}
.wp-block-vividberg-button .btn {
  font-size: 0.875rem;
  line-height: 1.286em;
  border-radius: var(--dimenBorderRadius);
}
.wp-block-vividberg-button[class*="primary"] .btn {
  padding: 0.6875rem 1rem;
  color: #fff;
  background-color: var(--colorPrimary);
}
.wp-block-vividberg-button[class*="primary"] .btn:hover {
  background-color: var(--colorPrimaryLight);
}
.wp-block-vividberg-button[class*="primary"] .btn:active {
  background-color: var(--colorPrimaryDark);
}
.wp-block-vividberg-button[class*="primary"] .btn:focus {
  -webkit-box-shadow: 0 0 0.625rem 0 var(--colorPrimary);
  box-shadow: 0 0 0.625rem 0 var(--colorPrimary);
}
.wp-block-vividberg-button[class*="secondary"] .btn {
  padding: 0.5625rem 0.875rem;
  color: var(--colorPrimary);
  background-color: transparent;
  border: 2px solid var(--colorPrimary);
}
.wp-block-vividberg-button[class*="secondary"] .btn:hover {
  color: var(--colorPrimaryLight);
  border-color: var(--colorPrimaryLight);
}
.wp-block-vividberg-button[class*="secondary"] .btn:active {
  color: var(--colorPrimaryDark);
  border-color: var(--colorPrimaryDark);
}
.wp-block-vividberg-button[class*="secondary"] .btn:focus {
  -webkit-box-shadow: 0 0 0.625rem 0 var(--colorPrimary);
  box-shadow: 0 0 0.625rem 0 var(--colorPrimary);
}
.wp-block-vividberg-button[class*="secondary-large"] .btn {
  padding: 0.875rem;
}
.wp-block-vividberg-button[class$="icon"] .btn {
  position: relative;
  padding-right: 3.125rem;
}
.wp-block-vividberg-button[class$="icon"] .btn span {
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5em;
  font-size: 1.125rem;
  line-height: 1em;
}