.spacing {
  margin-right: 20px;
  margin-left: 20px;
}

.absposition {
  position: absolute;
  top: 0;
  right: 0;
}
/* types  */
.variantcommon {
  width: 300px;
  margin: 20px;
  padding: 20px;
  box-shadow: 0px 0px 10px transparent;
  position: relative;
}
.primary {
  border: 1px solid var(--lib_primary_border_color);
  composes: variantcommon;
}
.primary:hover {
  box-shadow: 0px 0px 10px var(--lib_primary_border_color);
}

.secondary {
  border: 1px solid var(--lib_secondary_border_color);
  composes: variantcommon;
}
.secondary:hover {
  box-shadow: 0px 0px 10px var(--lib_secondary_border_color);
}

.success {
  border: 1px solid var(--lib_success_border_color);
  composes: variantcommon;
}
.success:hover {
  box-shadow: 0px 0px 10px var(--lib_success_border_color);
}

.danger {
  border: 1px solid var(--lib_danger_border_color);
  composes: variantcommon;
}
.danger:hover {
  box-shadow: 0px 0px 10px var(--lib_danger_border_color);
}
.headeractions,
.footeractions {
  visibility: hidden;
}

.base:hover .headeractions,
.base:hover .footeractions {
  visibility: visible;
}
