/* Fonts */
/* Colors */
/* Previews and Predictions Buttons Hover */
.rdg-blocks .rdg-buttons {
  width: 100%;
}
.rdg-blocks .rdg-buttons .buttons {
  display: flex;
  justify-content: var(--align);
  flex-wrap: wrap;
  gap: 1rem;
}
.rdg-blocks .rdg-buttons .buttons a {
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-white);
  border-radius: 0.4rem;
  min-width: 10rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s background-color ease-in-out, 0.2s color ease-in-out, 0.2s border-color ease-in-out, 0.2s opacity ease-in-out, 0.2s box-shadow ease-in-out;
}
.rdg-blocks .rdg-buttons .buttons a i {
  font-size: 1.2rem;
  padding-left: 0.5rem;
}
.rdg-blocks .rdg-buttons .buttons a.link-success {
  background-color: var(--color-success);
  border-top: 3px solid var(--color-success-light);
}
.rdg-blocks .rdg-buttons .buttons a.link-warning {
  background-color: var(--color-warning);
  border-top: 3px solid var(--color-warning-light);
}
.rdg-blocks .rdg-buttons .buttons a.link-danger {
  background-color: var(--color-danger);
  border-top: 3px solid var(--color-danger-light);
}
.rdg-blocks .rdg-buttons .buttons a.link-info {
  background-color: var(--color-primary-dark-light);
  border-top: 3px solid var(--color-primary);
}
.rdg-blocks .rdg-buttons .buttons a.link-default {
  color: var(--color-primary);
  background-color: var(--color-gray);
  border: 2px solid var(--color-primary);
}

.acf-block-preview .rdg-buttons {
  width: 100%;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}
.acf-block-preview .rdg-buttons .buttons a {
  text-decoration: none;
}
