/** --------------------------------------------------
*
*   COMPONENTS / UI
*   Link button: button-style links
*
*   TABLE OF CONTENTS
*   component style
*
*   -------------------------------------------------- */
/** --------------------------------------------------
*
*   base - utils
*   BUTTON SKELETON
*
*   TABLE OF CONTENTS
*   button skeleton
*
*  -------------------------------------------------- */
/** --------------------------------------------------
*  #button skeleton
*  -------------------------------------------------- */
/** --------------------------------------------------
*   #component style
*   -------------------------------------------------- */
.sdc--type-link-button a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 0;
  padding: var(--btn-padding, 0);
  gap: var(--btn-gap, 0);
  min-height: var(--btn-min-height, unset);
  cursor: pointer;
  appearance: none;
  border: var(--btn-border-width, 0) var(--btn-border-style, solid) var(--btn-border-color, transparent);
  border-radius: var(--btn-border-radius, 0);
  background: var(--btn-fill, transparent);
  color: var(--btn-color, inherit);
  font-size: var(--btn-fs, inherit);
  font-family: var(--txt-ff-interaction, inherit);
  font-weight: var(--btn-fw, 400);
  text-transform: var(--btn-tt, none);
  line-height: 1;
  text-align: inherit;
  text-decoration: none;
  transition: 300ms ease-in-out;
}
.sdc--type-link-button a[disabled], .sdc--type-link-button a.is-disabled {
  cursor: not-allowed;
}