/* See: tailwind/components/button-plugin.tailwind.js */

.yubicool-button.yubicool-component {
  --ybc-button-standard-default-size-width: max-content;
  --ybc-button-standard-default-size-height: 2.5rem;
  --ybc-button-standard-default-text-fontWeight: 500;
  --ybc-button-standard-default-layout-display: inline-flex;
  --ybc-button-standard-default-layout-justifyContent: center;
  --ybc-button-standard-default-layout-alignItems: center;
  --ybc-button-standard-default-text-fontSize: 1rem;
  --ybc-button-standard-default-text-lineHeight: 1.3rem;
  --ybc-button-standard-default-bg-color: #FFFFFF;
  --ybc-button-standard-default-text-color: #5C8211;
  white-space: nowrap !important;
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
  background-color: var(--ybc-button-custom-default-bg-color , var(--ybc-button-standard-default-bg-color, inherit));
  background-image: var(--ybc-button-custom-default-bg-image , var(--ybc-button-standard-default-bg-image, inherit));
  background-size: var(--ybc-button-custom-default-bg-size , var(--ybc-button-standard-default-bg-size, inherit));
  background-position: var(--ybc-button-custom-default-bg-position , var(--ybc-button-standard-default-bg-position, inherit));
  background-repeat: var(--ybc-button-custom-default-bg-repeat , var(--ybc-button-standard-default-bg-repeat, inherit));
  border-left-width: var(--ybc-button-custom-default-border-left-width , var(--ybc-button-standard-default-border-left-width, inherit));
  border-left-style: var(--ybc-button-custom-default-border-left-style , var(--ybc-button-standard-default-border-left-style, inherit));
  border-left-color: var(--ybc-button-custom-default-border-left-color , var(--ybc-button-standard-default-border-left-color, inherit));
  border-top-width: var(--ybc-button-custom-default-border-top-width , var(--ybc-button-standard-default-border-top-width, inherit));
  border-top-style: var(--ybc-button-custom-default-border-top-style , var(--ybc-button-standard-default-border-top-style, inherit));
  border-top-color: var(--ybc-button-custom-default-border-top-color , var(--ybc-button-standard-default-border-top-color, inherit));
  border-bottom-width: var(--ybc-button-custom-default-border-bottom-width , var(--ybc-button-standard-default-border-bottom-width, inherit));
  border-bottom-style: var(--ybc-button-custom-default-border-bottom-style , var(--ybc-button-standard-default-border-bottom-style, inherit));
  border-bottom-color: var(--ybc-button-custom-default-border-bottom-color , var(--ybc-button-standard-default-border-bottom-color, inherit));
  border-right-width: var(--ybc-button-custom-default-border-right-width , var(--ybc-button-standard-default-border-right-width, inherit));
  border-right-style: var(--ybc-button-custom-default-border-right-style , var(--ybc-button-standard-default-border-right-style, inherit));
  border-right-color: var(--ybc-button-custom-default-border-right-color , var(--ybc-button-standard-default-border-right-color, inherit));
  border-radius: var(--ybc-button-custom-default-border-radius , var(--ybc-button-standard-default-border-radius, inherit));
  padding-left: var(--ybc-button-custom-default-padding-left , var(--ybc-button-standard-default-padding-left, inherit));
  padding-right: var(--ybc-button-custom-default-padding-right , var(--ybc-button-standard-default-padding-right, inherit));
  padding-top: var(--ybc-button-custom-default-padding-top , var(--ybc-button-standard-default-padding-top, inherit));
  padding-bottom: var(--ybc-button-custom-default-padding-bottom , var(--ybc-button-standard-default-padding-bottom, inherit));
  margin-left: var(--ybc-button-custom-default-margin-left , var(--ybc-button-standard-default-margin-left, inherit));
  margin-right: var(--ybc-button-custom-default-margin-right , var(--ybc-button-standard-default-margin-right, inherit));
  margin-top: var(--ybc-button-custom-default-margin-top , var(--ybc-button-standard-default-margin-top, inherit));
  margin-bottom: var(--ybc-button-custom-default-margin-bottom , var(--ybc-button-standard-default-margin-bottom, inherit));
  grid-template-columns: repeat(var(--ybc-button-custom-default-grid-columns , var(--ybc-button-standard-default-grid-columns, inherit)), minmax(0, 1fr));
  grid-template-rows: repeat(var(--ybc-button-custom-default-grid-rows , var(--ybc-button-standard-default-grid-rows, inherit)), auto);
  -moz-column-gap: var(--ybc-button-custom-default-grid-columnGap , var(--ybc-button-standard-default-grid-columnGap, inherit));
       column-gap: var(--ybc-button-custom-default-grid-columnGap , var(--ybc-button-standard-default-grid-columnGap, inherit));
  row-gap: var(--ybc-button-custom-default-grid-rowGap , var(--ybc-button-standard-default-grid-rowGap, inherit));
  grid-template-areas: var(--ybc-button-custom-default-grid-areas , var(--ybc-button-standard-default-grid-areas, inherit));
  grid-column-start: var(--ybc-button-custom-default-gridPosition-start , var(--ybc-button-standard-default-gridPosition-start, inherit));
  grid-column-end: var(--ybc-button-custom-default-gridPosition-end , var(--ybc-button-standard-default-gridPosition-end, inherit));
  grid-row-start: var(--ybc-button-custom-default-gridPosition-rowStart , var(--ybc-button-standard-default-gridPosition-rowStart, inherit));
  grid-row-end: var(--ybc-button-custom-default-gridPosition-rowEnd , var(--ybc-button-standard-default-gridPosition-rowEnd, inherit));
  order: var(--ybc-button-custom-default-gridPosition-order , var(--ybc-button-standard-default-gridPosition-order, inherit));
  width: var(--ybc-button-custom-default-size-width , var(--ybc-button-standard-default-size-width, inherit));
  height: var(--ybc-button-custom-default-size-height , var(--ybc-button-standard-default-size-height, inherit));
  min-width: var(--ybc-button-custom-default-size-minWidth , var(--ybc-button-standard-default-size-minWidth, inherit));
  min-height: var(--ybc-button-custom-default-size-minHeight , var(--ybc-button-standard-default-size-minHeight, inherit));
  max-width: var(--ybc-button-custom-default-size-maxWidth , var(--ybc-button-standard-default-size-maxWidth, inherit));
  max-height: var(--ybc-button-custom-default-size-maxHeight , var(--ybc-button-standard-default-size-maxHeight, inherit));
  display: var(--ybc-button-custom-default-layout-display , var(--ybc-button-standard-default-layout-display, inherit));
  -o-object-fit: var(--ybc-button-custom-default-layout-objectFit , var(--ybc-button-standard-default-layout-objectFit, inherit));
     object-fit: var(--ybc-button-custom-default-layout-objectFit , var(--ybc-button-standard-default-layout-objectFit, inherit));
  font-weight: var(--ybc-button-custom-default-text-fontWeight , var(--ybc-button-standard-default-text-fontWeight, inherit));
  font-style: var(--ybc-button-custom-default-text-fontStyle , var(--ybc-button-standard-default-text-fontStyle, inherit));
  font-size: var(--ybc-button-custom-default-text-fontSize , var(--ybc-button-standard-default-text-fontSize, inherit));
  color: var(--ybc-button-custom-default-text-color , var(--ybc-button-standard-default-text-color, inherit));
  text-overflow: var(--ybc-button-custom-default-text-textOverflow , var(--ybc-button-standard-default-text-textOverflow, inherit));
  -webkit-text-decoration: var(--ybc-button-custom-default-text-textDecoration , var(--ybc-button-standard-default-text-textDecoration, inherit));
          text-decoration: var(--ybc-button-custom-default-text-textDecoration , var(--ybc-button-standard-default-text-textDecoration, inherit));
  text-align: var(--ybc-button-custom-default-text-textAlign , var(--ybc-button-standard-default-text-textAlign, inherit));
  line-height: var(--ybc-button-custom-default-text-lineHeight , var(--ybc-button-standard-default-text-lineHeight, inherit));
  align-items: var(--ybc-button-custom-default-layout-alignItems , var(--ybc-button-standard-default-layout-alignItems, inherit));
  align-self: var(--ybc-button-custom-default-layout-alignSelf , var(--ybc-button-standard-default-layout-alignSelf, inherit));
  align-content: var(--ybc-button-custom-default-layout-alignContent , var(--ybc-button-standard-default-layout-alignContent, inherit));
  justify-items: var(--ybc-button-custom-default-layout-justifyItems , var(--ybc-button-standard-default-layout-justifyItems, inherit));
  justify-self: var(--ybc-button-custom-default-layout-justifySelf , var(--ybc-button-standard-default-layout-justifySelf, inherit));
  justify-content: var(--ybc-button-custom-default-layout-justifyContent , var(--ybc-button-standard-default-layout-justifyContent, inherit));
}

@media (min-width: 320px) {

  .yubicool-button.yubicool-component {
    background-color: var(--ybc-button-custom-mobile-bg-color, var(--ybc-button-standard-mobile-bg-color,var(--ybc-button-custom-default-bg-color , var(--ybc-button-standard-default-bg-color, inherit))));
    background-image: var(--ybc-button-custom-mobile-bg-image, var(--ybc-button-standard-mobile-bg-image,var(--ybc-button-custom-default-bg-image , var(--ybc-button-standard-default-bg-image, inherit))));
    background-size: var(--ybc-button-custom-mobile-bg-size, var(--ybc-button-standard-mobile-bg-size,var(--ybc-button-custom-default-bg-size , var(--ybc-button-standard-default-bg-size, inherit))));
    background-position: var(--ybc-button-custom-mobile-bg-position, var(--ybc-button-standard-mobile-bg-position,var(--ybc-button-custom-default-bg-position , var(--ybc-button-standard-default-bg-position, inherit))));
    background-repeat: var(--ybc-button-custom-mobile-bg-repeat, var(--ybc-button-standard-mobile-bg-repeat,var(--ybc-button-custom-default-bg-repeat , var(--ybc-button-standard-default-bg-repeat, inherit))));
    border-left-width: var(--ybc-button-custom-mobile-border-left-width, var(--ybc-button-standard-mobile-border-left-width,var(--ybc-button-custom-default-border-left-width , var(--ybc-button-standard-default-border-left-width, inherit))));
    border-left-style: var(--ybc-button-custom-mobile-border-left-style, var(--ybc-button-standard-mobile-border-left-style,var(--ybc-button-custom-default-border-left-style , var(--ybc-button-standard-default-border-left-style, inherit))));
    border-left-color: var(--ybc-button-custom-mobile-border-left-color, var(--ybc-button-standard-mobile-border-left-color,var(--ybc-button-custom-default-border-left-color , var(--ybc-button-standard-default-border-left-color, inherit))));
    border-top-width: var(--ybc-button-custom-mobile-border-top-width, var(--ybc-button-standard-mobile-border-top-width,var(--ybc-button-custom-default-border-top-width , var(--ybc-button-standard-default-border-top-width, inherit))));
    border-top-style: var(--ybc-button-custom-mobile-border-top-style, var(--ybc-button-standard-mobile-border-top-style,var(--ybc-button-custom-default-border-top-style , var(--ybc-button-standard-default-border-top-style, inherit))));
    border-top-color: var(--ybc-button-custom-mobile-border-top-color, var(--ybc-button-standard-mobile-border-top-color,var(--ybc-button-custom-default-border-top-color , var(--ybc-button-standard-default-border-top-color, inherit))));
    border-bottom-width: var(--ybc-button-custom-mobile-border-bottom-width, var(--ybc-button-standard-mobile-border-bottom-width,var(--ybc-button-custom-default-border-bottom-width , var(--ybc-button-standard-default-border-bottom-width, inherit))));
    border-bottom-style: var(--ybc-button-custom-mobile-border-bottom-style, var(--ybc-button-standard-mobile-border-bottom-style,var(--ybc-button-custom-default-border-bottom-style , var(--ybc-button-standard-default-border-bottom-style, inherit))));
    border-bottom-color: var(--ybc-button-custom-mobile-border-bottom-color, var(--ybc-button-standard-mobile-border-bottom-color,var(--ybc-button-custom-default-border-bottom-color , var(--ybc-button-standard-default-border-bottom-color, inherit))));
    border-right-width: var(--ybc-button-custom-mobile-border-right-width, var(--ybc-button-standard-mobile-border-right-width,var(--ybc-button-custom-default-border-right-width , var(--ybc-button-standard-default-border-right-width, inherit))));
    border-right-style: var(--ybc-button-custom-mobile-border-right-style, var(--ybc-button-standard-mobile-border-right-style,var(--ybc-button-custom-default-border-right-style , var(--ybc-button-standard-default-border-right-style, inherit))));
    border-right-color: var(--ybc-button-custom-mobile-border-right-color, var(--ybc-button-standard-mobile-border-right-color,var(--ybc-button-custom-default-border-right-color , var(--ybc-button-standard-default-border-right-color, inherit))));
    border-radius: var(--ybc-button-custom-mobile-border-radius, var(--ybc-button-standard-mobile-border-radius,var(--ybc-button-custom-default-border-radius , var(--ybc-button-standard-default-border-radius, inherit))));
    padding-left: var(--ybc-button-custom-mobile-padding-left, var(--ybc-button-standard-mobile-padding-left,var(--ybc-button-custom-default-padding-left , var(--ybc-button-standard-default-padding-left, inherit))));
    padding-right: var(--ybc-button-custom-mobile-padding-right, var(--ybc-button-standard-mobile-padding-right,var(--ybc-button-custom-default-padding-right , var(--ybc-button-standard-default-padding-right, inherit))));
    padding-top: var(--ybc-button-custom-mobile-padding-top, var(--ybc-button-standard-mobile-padding-top,var(--ybc-button-custom-default-padding-top , var(--ybc-button-standard-default-padding-top, inherit))));
    padding-bottom: var(--ybc-button-custom-mobile-padding-bottom, var(--ybc-button-standard-mobile-padding-bottom,var(--ybc-button-custom-default-padding-bottom , var(--ybc-button-standard-default-padding-bottom, inherit))));
    margin-left: var(--ybc-button-custom-mobile-margin-left, var(--ybc-button-standard-mobile-margin-left,var(--ybc-button-custom-default-margin-left , var(--ybc-button-standard-default-margin-left, inherit))));
    margin-right: var(--ybc-button-custom-mobile-margin-right, var(--ybc-button-standard-mobile-margin-right,var(--ybc-button-custom-default-margin-right , var(--ybc-button-standard-default-margin-right, inherit))));
    margin-top: var(--ybc-button-custom-mobile-margin-top, var(--ybc-button-standard-mobile-margin-top,var(--ybc-button-custom-default-margin-top , var(--ybc-button-standard-default-margin-top, inherit))));
    margin-bottom: var(--ybc-button-custom-mobile-margin-bottom, var(--ybc-button-standard-mobile-margin-bottom,var(--ybc-button-custom-default-margin-bottom , var(--ybc-button-standard-default-margin-bottom, inherit))));
    grid-template-columns: repeat(var(--ybc-button-custom-mobile-grid-columns, var(--ybc-button-standard-mobile-grid-columns,var(--ybc-button-custom-default-grid-columns , var(--ybc-button-standard-default-grid-columns, inherit)))), minmax(0, 1fr));
    grid-template-rows: repeat(var(--ybc-button-custom-mobile-grid-rows, var(--ybc-button-standard-mobile-grid-rows,var(--ybc-button-custom-default-grid-rows , var(--ybc-button-standard-default-grid-rows, inherit)))), auto);
    -moz-column-gap: var(--ybc-button-custom-mobile-grid-columnGap, var(--ybc-button-standard-mobile-grid-columnGap,var(--ybc-button-custom-default-grid-columnGap , var(--ybc-button-standard-default-grid-columnGap, inherit))));
         column-gap: var(--ybc-button-custom-mobile-grid-columnGap, var(--ybc-button-standard-mobile-grid-columnGap,var(--ybc-button-custom-default-grid-columnGap , var(--ybc-button-standard-default-grid-columnGap, inherit))));
    row-gap: var(--ybc-button-custom-mobile-grid-rowGap, var(--ybc-button-standard-mobile-grid-rowGap,var(--ybc-button-custom-default-grid-rowGap , var(--ybc-button-standard-default-grid-rowGap, inherit))));
    grid-template-areas: var(--ybc-button-custom-mobile-grid-areas, var(--ybc-button-standard-mobile-grid-areas,var(--ybc-button-custom-default-grid-areas , var(--ybc-button-standard-default-grid-areas, inherit))));
    grid-column-start: var(--ybc-button-custom-mobile-gridPosition-start, var(--ybc-button-standard-mobile-gridPosition-start,var(--ybc-button-custom-default-gridPosition-start , var(--ybc-button-standard-default-gridPosition-start, inherit))));
    grid-column-end: var(--ybc-button-custom-mobile-gridPosition-end, var(--ybc-button-standard-mobile-gridPosition-end,var(--ybc-button-custom-default-gridPosition-end , var(--ybc-button-standard-default-gridPosition-end, inherit))));
    grid-row-start: var(--ybc-button-custom-mobile-gridPosition-rowStart, var(--ybc-button-standard-mobile-gridPosition-rowStart,var(--ybc-button-custom-default-gridPosition-rowStart , var(--ybc-button-standard-default-gridPosition-rowStart, inherit))));
    grid-row-end: var(--ybc-button-custom-mobile-gridPosition-rowEnd, var(--ybc-button-standard-mobile-gridPosition-rowEnd,var(--ybc-button-custom-default-gridPosition-rowEnd , var(--ybc-button-standard-default-gridPosition-rowEnd, inherit))));
    order: var(--ybc-button-custom-mobile-gridPosition-order, var(--ybc-button-standard-mobile-gridPosition-order,var(--ybc-button-custom-default-gridPosition-order , var(--ybc-button-standard-default-gridPosition-order, inherit))));
    width: var(--ybc-button-custom-mobile-size-width, var(--ybc-button-standard-mobile-size-width,var(--ybc-button-custom-default-size-width , var(--ybc-button-standard-default-size-width, inherit))));
    height: var(--ybc-button-custom-mobile-size-height, var(--ybc-button-standard-mobile-size-height,var(--ybc-button-custom-default-size-height , var(--ybc-button-standard-default-size-height, inherit))));
    min-width: var(--ybc-button-custom-mobile-size-minWidth, var(--ybc-button-standard-mobile-size-minWidth,var(--ybc-button-custom-default-size-minWidth , var(--ybc-button-standard-default-size-minWidth, inherit))));
    min-height: var(--ybc-button-custom-mobile-size-minHeight, var(--ybc-button-standard-mobile-size-minHeight,var(--ybc-button-custom-default-size-minHeight , var(--ybc-button-standard-default-size-minHeight, inherit))));
    max-width: var(--ybc-button-custom-mobile-size-maxWidth, var(--ybc-button-standard-mobile-size-maxWidth,var(--ybc-button-custom-default-size-maxWidth , var(--ybc-button-standard-default-size-maxWidth, inherit))));
    max-height: var(--ybc-button-custom-mobile-size-maxHeight, var(--ybc-button-standard-mobile-size-maxHeight,var(--ybc-button-custom-default-size-maxHeight , var(--ybc-button-standard-default-size-maxHeight, inherit))));
    display: var(--ybc-button-custom-mobile-layout-display, var(--ybc-button-standard-mobile-layout-display,var(--ybc-button-custom-default-layout-display , var(--ybc-button-standard-default-layout-display, inherit))));
    -o-object-fit: var(--ybc-button-custom-mobile-layout-objectFit, var(--ybc-button-standard-mobile-layout-objectFit,var(--ybc-button-custom-default-layout-objectFit , var(--ybc-button-standard-default-layout-objectFit, inherit))));
       object-fit: var(--ybc-button-custom-mobile-layout-objectFit, var(--ybc-button-standard-mobile-layout-objectFit,var(--ybc-button-custom-default-layout-objectFit , var(--ybc-button-standard-default-layout-objectFit, inherit))));
    font-weight: var(--ybc-button-custom-mobile-text-fontWeight, var(--ybc-button-standard-mobile-text-fontWeight,var(--ybc-button-custom-default-text-fontWeight , var(--ybc-button-standard-default-text-fontWeight, inherit))));
    font-style: var(--ybc-button-custom-mobile-text-fontStyle, var(--ybc-button-standard-mobile-text-fontStyle,var(--ybc-button-custom-default-text-fontStyle , var(--ybc-button-standard-default-text-fontStyle, inherit))));
    font-size: var(--ybc-button-custom-mobile-text-fontSize, var(--ybc-button-standard-mobile-text-fontSize,var(--ybc-button-custom-default-text-fontSize , var(--ybc-button-standard-default-text-fontSize, inherit))));
    color: var(--ybc-button-custom-mobile-text-color, var(--ybc-button-standard-mobile-text-color,var(--ybc-button-custom-default-text-color , var(--ybc-button-standard-default-text-color, inherit))));
    text-overflow: var(--ybc-button-custom-mobile-text-textOverflow, var(--ybc-button-standard-mobile-text-textOverflow,var(--ybc-button-custom-default-text-textOverflow , var(--ybc-button-standard-default-text-textOverflow, inherit))));
    -webkit-text-decoration: var(--ybc-button-custom-mobile-text-textDecoration, var(--ybc-button-standard-mobile-text-textDecoration,var(--ybc-button-custom-default-text-textDecoration , var(--ybc-button-standard-default-text-textDecoration, inherit))));
            text-decoration: var(--ybc-button-custom-mobile-text-textDecoration, var(--ybc-button-standard-mobile-text-textDecoration,var(--ybc-button-custom-default-text-textDecoration , var(--ybc-button-standard-default-text-textDecoration, inherit))));
    text-align: var(--ybc-button-custom-mobile-text-textAlign, var(--ybc-button-standard-mobile-text-textAlign,var(--ybc-button-custom-default-text-textAlign , var(--ybc-button-standard-default-text-textAlign, inherit))));
    line-height: var(--ybc-button-custom-mobile-text-lineHeight, var(--ybc-button-standard-mobile-text-lineHeight,var(--ybc-button-custom-default-text-lineHeight , var(--ybc-button-standard-default-text-lineHeight, inherit))));
    align-items: var(--ybc-button-custom-mobile-layout-alignItems, var(--ybc-button-standard-mobile-layout-alignItems,var(--ybc-button-custom-default-layout-alignItems , var(--ybc-button-standard-default-layout-alignItems, inherit))));
    align-self: var(--ybc-button-custom-mobile-layout-alignSelf, var(--ybc-button-standard-mobile-layout-alignSelf,var(--ybc-button-custom-default-layout-alignSelf , var(--ybc-button-standard-default-layout-alignSelf, inherit))));
    align-content: var(--ybc-button-custom-mobile-layout-alignContent, var(--ybc-button-standard-mobile-layout-alignContent,var(--ybc-button-custom-default-layout-alignContent , var(--ybc-button-standard-default-layout-alignContent, inherit))));
    justify-items: var(--ybc-button-custom-mobile-layout-justifyItems, var(--ybc-button-standard-mobile-layout-justifyItems,var(--ybc-button-custom-default-layout-justifyItems , var(--ybc-button-standard-default-layout-justifyItems, inherit))));
    justify-self: var(--ybc-button-custom-mobile-layout-justifySelf, var(--ybc-button-standard-mobile-layout-justifySelf,var(--ybc-button-custom-default-layout-justifySelf , var(--ybc-button-standard-default-layout-justifySelf, inherit))));
    justify-content: var(--ybc-button-custom-mobile-layout-justifyContent, var(--ybc-button-standard-mobile-layout-justifyContent,var(--ybc-button-custom-default-layout-justifyContent , var(--ybc-button-standard-default-layout-justifyContent, inherit))));
  }
}

@media (min-width: 768px) {

  .yubicool-button.yubicool-component {
    background-color: var(--ybc-button-custom-tablet-bg-color, var(--ybc-button-standard-tablet-bg-color,var(--ybc-button-custom-mobile-bg-color, var(--ybc-button-standard-mobile-bg-color,var(--ybc-button-custom-default-bg-color , var(--ybc-button-standard-default-bg-color, inherit))))));
    background-image: var(--ybc-button-custom-tablet-bg-image, var(--ybc-button-standard-tablet-bg-image,var(--ybc-button-custom-mobile-bg-image, var(--ybc-button-standard-mobile-bg-image,var(--ybc-button-custom-default-bg-image , var(--ybc-button-standard-default-bg-image, inherit))))));
    background-size: var(--ybc-button-custom-tablet-bg-size, var(--ybc-button-standard-tablet-bg-size,var(--ybc-button-custom-mobile-bg-size, var(--ybc-button-standard-mobile-bg-size,var(--ybc-button-custom-default-bg-size , var(--ybc-button-standard-default-bg-size, inherit))))));
    background-position: var(--ybc-button-custom-tablet-bg-position, var(--ybc-button-standard-tablet-bg-position,var(--ybc-button-custom-mobile-bg-position, var(--ybc-button-standard-mobile-bg-position,var(--ybc-button-custom-default-bg-position , var(--ybc-button-standard-default-bg-position, inherit))))));
    background-repeat: var(--ybc-button-custom-tablet-bg-repeat, var(--ybc-button-standard-tablet-bg-repeat,var(--ybc-button-custom-mobile-bg-repeat, var(--ybc-button-standard-mobile-bg-repeat,var(--ybc-button-custom-default-bg-repeat , var(--ybc-button-standard-default-bg-repeat, inherit))))));
    border-left-width: var(--ybc-button-custom-tablet-border-left-width, var(--ybc-button-standard-tablet-border-left-width,var(--ybc-button-custom-mobile-border-left-width, var(--ybc-button-standard-mobile-border-left-width,var(--ybc-button-custom-default-border-left-width , var(--ybc-button-standard-default-border-left-width, inherit))))));
    border-left-style: var(--ybc-button-custom-tablet-border-left-style, var(--ybc-button-standard-tablet-border-left-style,var(--ybc-button-custom-mobile-border-left-style, var(--ybc-button-standard-mobile-border-left-style,var(--ybc-button-custom-default-border-left-style , var(--ybc-button-standard-default-border-left-style, inherit))))));
    border-left-color: var(--ybc-button-custom-tablet-border-left-color, var(--ybc-button-standard-tablet-border-left-color,var(--ybc-button-custom-mobile-border-left-color, var(--ybc-button-standard-mobile-border-left-color,var(--ybc-button-custom-default-border-left-color , var(--ybc-button-standard-default-border-left-color, inherit))))));
    border-top-width: var(--ybc-button-custom-tablet-border-top-width, var(--ybc-button-standard-tablet-border-top-width,var(--ybc-button-custom-mobile-border-top-width, var(--ybc-button-standard-mobile-border-top-width,var(--ybc-button-custom-default-border-top-width , var(--ybc-button-standard-default-border-top-width, inherit))))));
    border-top-style: var(--ybc-button-custom-tablet-border-top-style, var(--ybc-button-standard-tablet-border-top-style,var(--ybc-button-custom-mobile-border-top-style, var(--ybc-button-standard-mobile-border-top-style,var(--ybc-button-custom-default-border-top-style , var(--ybc-button-standard-default-border-top-style, inherit))))));
    border-top-color: var(--ybc-button-custom-tablet-border-top-color, var(--ybc-button-standard-tablet-border-top-color,var(--ybc-button-custom-mobile-border-top-color, var(--ybc-button-standard-mobile-border-top-color,var(--ybc-button-custom-default-border-top-color , var(--ybc-button-standard-default-border-top-color, inherit))))));
    border-bottom-width: var(--ybc-button-custom-tablet-border-bottom-width, var(--ybc-button-standard-tablet-border-bottom-width,var(--ybc-button-custom-mobile-border-bottom-width, var(--ybc-button-standard-mobile-border-bottom-width,var(--ybc-button-custom-default-border-bottom-width , var(--ybc-button-standard-default-border-bottom-width, inherit))))));
    border-bottom-style: var(--ybc-button-custom-tablet-border-bottom-style, var(--ybc-button-standard-tablet-border-bottom-style,var(--ybc-button-custom-mobile-border-bottom-style, var(--ybc-button-standard-mobile-border-bottom-style,var(--ybc-button-custom-default-border-bottom-style , var(--ybc-button-standard-default-border-bottom-style, inherit))))));
    border-bottom-color: var(--ybc-button-custom-tablet-border-bottom-color, var(--ybc-button-standard-tablet-border-bottom-color,var(--ybc-button-custom-mobile-border-bottom-color, var(--ybc-button-standard-mobile-border-bottom-color,var(--ybc-button-custom-default-border-bottom-color , var(--ybc-button-standard-default-border-bottom-color, inherit))))));
    border-right-width: var(--ybc-button-custom-tablet-border-right-width, var(--ybc-button-standard-tablet-border-right-width,var(--ybc-button-custom-mobile-border-right-width, var(--ybc-button-standard-mobile-border-right-width,var(--ybc-button-custom-default-border-right-width , var(--ybc-button-standard-default-border-right-width, inherit))))));
    border-right-style: var(--ybc-button-custom-tablet-border-right-style, var(--ybc-button-standard-tablet-border-right-style,var(--ybc-button-custom-mobile-border-right-style, var(--ybc-button-standard-mobile-border-right-style,var(--ybc-button-custom-default-border-right-style , var(--ybc-button-standard-default-border-right-style, inherit))))));
    border-right-color: var(--ybc-button-custom-tablet-border-right-color, var(--ybc-button-standard-tablet-border-right-color,var(--ybc-button-custom-mobile-border-right-color, var(--ybc-button-standard-mobile-border-right-color,var(--ybc-button-custom-default-border-right-color , var(--ybc-button-standard-default-border-right-color, inherit))))));
    border-radius: var(--ybc-button-custom-tablet-border-radius, var(--ybc-button-standard-tablet-border-radius,var(--ybc-button-custom-mobile-border-radius, var(--ybc-button-standard-mobile-border-radius,var(--ybc-button-custom-default-border-radius , var(--ybc-button-standard-default-border-radius, inherit))))));
    padding-left: var(--ybc-button-custom-tablet-padding-left, var(--ybc-button-standard-tablet-padding-left,var(--ybc-button-custom-mobile-padding-left, var(--ybc-button-standard-mobile-padding-left,var(--ybc-button-custom-default-padding-left , var(--ybc-button-standard-default-padding-left, inherit))))));
    padding-right: var(--ybc-button-custom-tablet-padding-right, var(--ybc-button-standard-tablet-padding-right,var(--ybc-button-custom-mobile-padding-right, var(--ybc-button-standard-mobile-padding-right,var(--ybc-button-custom-default-padding-right , var(--ybc-button-standard-default-padding-right, inherit))))));
    padding-top: var(--ybc-button-custom-tablet-padding-top, var(--ybc-button-standard-tablet-padding-top,var(--ybc-button-custom-mobile-padding-top, var(--ybc-button-standard-mobile-padding-top,var(--ybc-button-custom-default-padding-top , var(--ybc-button-standard-default-padding-top, inherit))))));
    padding-bottom: var(--ybc-button-custom-tablet-padding-bottom, var(--ybc-button-standard-tablet-padding-bottom,var(--ybc-button-custom-mobile-padding-bottom, var(--ybc-button-standard-mobile-padding-bottom,var(--ybc-button-custom-default-padding-bottom , var(--ybc-button-standard-default-padding-bottom, inherit))))));
    margin-left: var(--ybc-button-custom-tablet-margin-left, var(--ybc-button-standard-tablet-margin-left,var(--ybc-button-custom-mobile-margin-left, var(--ybc-button-standard-mobile-margin-left,var(--ybc-button-custom-default-margin-left , var(--ybc-button-standard-default-margin-left, inherit))))));
    margin-right: var(--ybc-button-custom-tablet-margin-right, var(--ybc-button-standard-tablet-margin-right,var(--ybc-button-custom-mobile-margin-right, var(--ybc-button-standard-mobile-margin-right,var(--ybc-button-custom-default-margin-right , var(--ybc-button-standard-default-margin-right, inherit))))));
    margin-top: var(--ybc-button-custom-tablet-margin-top, var(--ybc-button-standard-tablet-margin-top,var(--ybc-button-custom-mobile-margin-top, var(--ybc-button-standard-mobile-margin-top,var(--ybc-button-custom-default-margin-top , var(--ybc-button-standard-default-margin-top, inherit))))));
    margin-bottom: var(--ybc-button-custom-tablet-margin-bottom, var(--ybc-button-standard-tablet-margin-bottom,var(--ybc-button-custom-mobile-margin-bottom, var(--ybc-button-standard-mobile-margin-bottom,var(--ybc-button-custom-default-margin-bottom , var(--ybc-button-standard-default-margin-bottom, inherit))))));
    grid-template-columns: repeat(var(--ybc-button-custom-tablet-grid-columns, var(--ybc-button-standard-tablet-grid-columns,var(--ybc-button-custom-mobile-grid-columns, var(--ybc-button-standard-mobile-grid-columns,var(--ybc-button-custom-default-grid-columns , var(--ybc-button-standard-default-grid-columns, inherit)))))), minmax(0, 1fr));
    grid-template-rows: repeat(var(--ybc-button-custom-tablet-grid-rows, var(--ybc-button-standard-tablet-grid-rows,var(--ybc-button-custom-mobile-grid-rows, var(--ybc-button-standard-mobile-grid-rows,var(--ybc-button-custom-default-grid-rows , var(--ybc-button-standard-default-grid-rows, inherit)))))), auto);
    -moz-column-gap: var(--ybc-button-custom-tablet-grid-columnGap, var(--ybc-button-standard-tablet-grid-columnGap,var(--ybc-button-custom-mobile-grid-columnGap, var(--ybc-button-standard-mobile-grid-columnGap,var(--ybc-button-custom-default-grid-columnGap , var(--ybc-button-standard-default-grid-columnGap, inherit))))));
         column-gap: var(--ybc-button-custom-tablet-grid-columnGap, var(--ybc-button-standard-tablet-grid-columnGap,var(--ybc-button-custom-mobile-grid-columnGap, var(--ybc-button-standard-mobile-grid-columnGap,var(--ybc-button-custom-default-grid-columnGap , var(--ybc-button-standard-default-grid-columnGap, inherit))))));
    row-gap: var(--ybc-button-custom-tablet-grid-rowGap, var(--ybc-button-standard-tablet-grid-rowGap,var(--ybc-button-custom-mobile-grid-rowGap, var(--ybc-button-standard-mobile-grid-rowGap,var(--ybc-button-custom-default-grid-rowGap , var(--ybc-button-standard-default-grid-rowGap, inherit))))));
    grid-template-areas: var(--ybc-button-custom-tablet-grid-areas, var(--ybc-button-standard-tablet-grid-areas,var(--ybc-button-custom-mobile-grid-areas, var(--ybc-button-standard-mobile-grid-areas,var(--ybc-button-custom-default-grid-areas , var(--ybc-button-standard-default-grid-areas, inherit))))));
    grid-column-start: var(--ybc-button-custom-tablet-gridPosition-start, var(--ybc-button-standard-tablet-gridPosition-start,var(--ybc-button-custom-mobile-gridPosition-start, var(--ybc-button-standard-mobile-gridPosition-start,var(--ybc-button-custom-default-gridPosition-start , var(--ybc-button-standard-default-gridPosition-start, inherit))))));
    grid-column-end: var(--ybc-button-custom-tablet-gridPosition-end, var(--ybc-button-standard-tablet-gridPosition-end,var(--ybc-button-custom-mobile-gridPosition-end, var(--ybc-button-standard-mobile-gridPosition-end,var(--ybc-button-custom-default-gridPosition-end , var(--ybc-button-standard-default-gridPosition-end, inherit))))));
    grid-row-start: var(--ybc-button-custom-tablet-gridPosition-rowStart, var(--ybc-button-standard-tablet-gridPosition-rowStart,var(--ybc-button-custom-mobile-gridPosition-rowStart, var(--ybc-button-standard-mobile-gridPosition-rowStart,var(--ybc-button-custom-default-gridPosition-rowStart , var(--ybc-button-standard-default-gridPosition-rowStart, inherit))))));
    grid-row-end: var(--ybc-button-custom-tablet-gridPosition-rowEnd, var(--ybc-button-standard-tablet-gridPosition-rowEnd,var(--ybc-button-custom-mobile-gridPosition-rowEnd, var(--ybc-button-standard-mobile-gridPosition-rowEnd,var(--ybc-button-custom-default-gridPosition-rowEnd , var(--ybc-button-standard-default-gridPosition-rowEnd, inherit))))));
    order: var(--ybc-button-custom-tablet-gridPosition-order, var(--ybc-button-standard-tablet-gridPosition-order,var(--ybc-button-custom-mobile-gridPosition-order, var(--ybc-button-standard-mobile-gridPosition-order,var(--ybc-button-custom-default-gridPosition-order , var(--ybc-button-standard-default-gridPosition-order, inherit))))));
    width: var(--ybc-button-custom-tablet-size-width, var(--ybc-button-standard-tablet-size-width,var(--ybc-button-custom-mobile-size-width, var(--ybc-button-standard-mobile-size-width,var(--ybc-button-custom-default-size-width , var(--ybc-button-standard-default-size-width, inherit))))));
    height: var(--ybc-button-custom-tablet-size-height, var(--ybc-button-standard-tablet-size-height,var(--ybc-button-custom-mobile-size-height, var(--ybc-button-standard-mobile-size-height,var(--ybc-button-custom-default-size-height , var(--ybc-button-standard-default-size-height, inherit))))));
    min-width: var(--ybc-button-custom-tablet-size-minWidth, var(--ybc-button-standard-tablet-size-minWidth,var(--ybc-button-custom-mobile-size-minWidth, var(--ybc-button-standard-mobile-size-minWidth,var(--ybc-button-custom-default-size-minWidth , var(--ybc-button-standard-default-size-minWidth, inherit))))));
    min-height: var(--ybc-button-custom-tablet-size-minHeight, var(--ybc-button-standard-tablet-size-minHeight,var(--ybc-button-custom-mobile-size-minHeight, var(--ybc-button-standard-mobile-size-minHeight,var(--ybc-button-custom-default-size-minHeight , var(--ybc-button-standard-default-size-minHeight, inherit))))));
    max-width: var(--ybc-button-custom-tablet-size-maxWidth, var(--ybc-button-standard-tablet-size-maxWidth,var(--ybc-button-custom-mobile-size-maxWidth, var(--ybc-button-standard-mobile-size-maxWidth,var(--ybc-button-custom-default-size-maxWidth , var(--ybc-button-standard-default-size-maxWidth, inherit))))));
    max-height: var(--ybc-button-custom-tablet-size-maxHeight, var(--ybc-button-standard-tablet-size-maxHeight,var(--ybc-button-custom-mobile-size-maxHeight, var(--ybc-button-standard-mobile-size-maxHeight,var(--ybc-button-custom-default-size-maxHeight , var(--ybc-button-standard-default-size-maxHeight, inherit))))));
    display: var(--ybc-button-custom-tablet-layout-display, var(--ybc-button-standard-tablet-layout-display,var(--ybc-button-custom-mobile-layout-display, var(--ybc-button-standard-mobile-layout-display,var(--ybc-button-custom-default-layout-display , var(--ybc-button-standard-default-layout-display, inherit))))));
    -o-object-fit: var(--ybc-button-custom-tablet-layout-objectFit, var(--ybc-button-standard-tablet-layout-objectFit,var(--ybc-button-custom-mobile-layout-objectFit, var(--ybc-button-standard-mobile-layout-objectFit,var(--ybc-button-custom-default-layout-objectFit , var(--ybc-button-standard-default-layout-objectFit, inherit))))));
       object-fit: var(--ybc-button-custom-tablet-layout-objectFit, var(--ybc-button-standard-tablet-layout-objectFit,var(--ybc-button-custom-mobile-layout-objectFit, var(--ybc-button-standard-mobile-layout-objectFit,var(--ybc-button-custom-default-layout-objectFit , var(--ybc-button-standard-default-layout-objectFit, inherit))))));
    font-weight: var(--ybc-button-custom-tablet-text-fontWeight, var(--ybc-button-standard-tablet-text-fontWeight,var(--ybc-button-custom-mobile-text-fontWeight, var(--ybc-button-standard-mobile-text-fontWeight,var(--ybc-button-custom-default-text-fontWeight , var(--ybc-button-standard-default-text-fontWeight, inherit))))));
    font-style: var(--ybc-button-custom-tablet-text-fontStyle, var(--ybc-button-standard-tablet-text-fontStyle,var(--ybc-button-custom-mobile-text-fontStyle, var(--ybc-button-standard-mobile-text-fontStyle,var(--ybc-button-custom-default-text-fontStyle , var(--ybc-button-standard-default-text-fontStyle, inherit))))));
    font-size: var(--ybc-button-custom-tablet-text-fontSize, var(--ybc-button-standard-tablet-text-fontSize,var(--ybc-button-custom-mobile-text-fontSize, var(--ybc-button-standard-mobile-text-fontSize,var(--ybc-button-custom-default-text-fontSize , var(--ybc-button-standard-default-text-fontSize, inherit))))));
    color: var(--ybc-button-custom-tablet-text-color, var(--ybc-button-standard-tablet-text-color,var(--ybc-button-custom-mobile-text-color, var(--ybc-button-standard-mobile-text-color,var(--ybc-button-custom-default-text-color , var(--ybc-button-standard-default-text-color, inherit))))));
    text-overflow: var(--ybc-button-custom-tablet-text-textOverflow, var(--ybc-button-standard-tablet-text-textOverflow,var(--ybc-button-custom-mobile-text-textOverflow, var(--ybc-button-standard-mobile-text-textOverflow,var(--ybc-button-custom-default-text-textOverflow , var(--ybc-button-standard-default-text-textOverflow, inherit))))));
    -webkit-text-decoration: var(--ybc-button-custom-tablet-text-textDecoration, var(--ybc-button-standard-tablet-text-textDecoration,var(--ybc-button-custom-mobile-text-textDecoration, var(--ybc-button-standard-mobile-text-textDecoration,var(--ybc-button-custom-default-text-textDecoration , var(--ybc-button-standard-default-text-textDecoration, inherit))))));
            text-decoration: var(--ybc-button-custom-tablet-text-textDecoration, var(--ybc-button-standard-tablet-text-textDecoration,var(--ybc-button-custom-mobile-text-textDecoration, var(--ybc-button-standard-mobile-text-textDecoration,var(--ybc-button-custom-default-text-textDecoration , var(--ybc-button-standard-default-text-textDecoration, inherit))))));
    text-align: var(--ybc-button-custom-tablet-text-textAlign, var(--ybc-button-standard-tablet-text-textAlign,var(--ybc-button-custom-mobile-text-textAlign, var(--ybc-button-standard-mobile-text-textAlign,var(--ybc-button-custom-default-text-textAlign , var(--ybc-button-standard-default-text-textAlign, inherit))))));
    line-height: var(--ybc-button-custom-tablet-text-lineHeight, var(--ybc-button-standard-tablet-text-lineHeight,var(--ybc-button-custom-mobile-text-lineHeight, var(--ybc-button-standard-mobile-text-lineHeight,var(--ybc-button-custom-default-text-lineHeight , var(--ybc-button-standard-default-text-lineHeight, inherit))))));
    align-items: var(--ybc-button-custom-tablet-layout-alignItems, var(--ybc-button-standard-tablet-layout-alignItems,var(--ybc-button-custom-mobile-layout-alignItems, var(--ybc-button-standard-mobile-layout-alignItems,var(--ybc-button-custom-default-layout-alignItems , var(--ybc-button-standard-default-layout-alignItems, inherit))))));
    align-self: var(--ybc-button-custom-tablet-layout-alignSelf, var(--ybc-button-standard-tablet-layout-alignSelf,var(--ybc-button-custom-mobile-layout-alignSelf, var(--ybc-button-standard-mobile-layout-alignSelf,var(--ybc-button-custom-default-layout-alignSelf , var(--ybc-button-standard-default-layout-alignSelf, inherit))))));
    align-content: var(--ybc-button-custom-tablet-layout-alignContent, var(--ybc-button-standard-tablet-layout-alignContent,var(--ybc-button-custom-mobile-layout-alignContent, var(--ybc-button-standard-mobile-layout-alignContent,var(--ybc-button-custom-default-layout-alignContent , var(--ybc-button-standard-default-layout-alignContent, inherit))))));
    justify-items: var(--ybc-button-custom-tablet-layout-justifyItems, var(--ybc-button-standard-tablet-layout-justifyItems,var(--ybc-button-custom-mobile-layout-justifyItems, var(--ybc-button-standard-mobile-layout-justifyItems,var(--ybc-button-custom-default-layout-justifyItems , var(--ybc-button-standard-default-layout-justifyItems, inherit))))));
    justify-self: var(--ybc-button-custom-tablet-layout-justifySelf, var(--ybc-button-standard-tablet-layout-justifySelf,var(--ybc-button-custom-mobile-layout-justifySelf, var(--ybc-button-standard-mobile-layout-justifySelf,var(--ybc-button-custom-default-layout-justifySelf , var(--ybc-button-standard-default-layout-justifySelf, inherit))))));
    justify-content: var(--ybc-button-custom-tablet-layout-justifyContent, var(--ybc-button-standard-tablet-layout-justifyContent,var(--ybc-button-custom-mobile-layout-justifyContent, var(--ybc-button-standard-mobile-layout-justifyContent,var(--ybc-button-custom-default-layout-justifyContent , var(--ybc-button-standard-default-layout-justifyContent, inherit))))));
  }
}

@media (min-width: 1024px) {

  .yubicool-button.yubicool-component {
    background-color: var(--ybc-button-custom-tablet-landscape-bg-color, var(--ybc-button-standard-tablet-landscape-bg-color,var(--ybc-button-custom-tablet-bg-color, var(--ybc-button-standard-tablet-bg-color,var(--ybc-button-custom-mobile-bg-color, var(--ybc-button-standard-mobile-bg-color,var(--ybc-button-custom-default-bg-color , var(--ybc-button-standard-default-bg-color, inherit))))))));
    background-image: var(--ybc-button-custom-tablet-landscape-bg-image, var(--ybc-button-standard-tablet-landscape-bg-image,var(--ybc-button-custom-tablet-bg-image, var(--ybc-button-standard-tablet-bg-image,var(--ybc-button-custom-mobile-bg-image, var(--ybc-button-standard-mobile-bg-image,var(--ybc-button-custom-default-bg-image , var(--ybc-button-standard-default-bg-image, inherit))))))));
    background-size: var(--ybc-button-custom-tablet-landscape-bg-size, var(--ybc-button-standard-tablet-landscape-bg-size,var(--ybc-button-custom-tablet-bg-size, var(--ybc-button-standard-tablet-bg-size,var(--ybc-button-custom-mobile-bg-size, var(--ybc-button-standard-mobile-bg-size,var(--ybc-button-custom-default-bg-size , var(--ybc-button-standard-default-bg-size, inherit))))))));
    background-position: var(--ybc-button-custom-tablet-landscape-bg-position, var(--ybc-button-standard-tablet-landscape-bg-position,var(--ybc-button-custom-tablet-bg-position, var(--ybc-button-standard-tablet-bg-position,var(--ybc-button-custom-mobile-bg-position, var(--ybc-button-standard-mobile-bg-position,var(--ybc-button-custom-default-bg-position , var(--ybc-button-standard-default-bg-position, inherit))))))));
    background-repeat: var(--ybc-button-custom-tablet-landscape-bg-repeat, var(--ybc-button-standard-tablet-landscape-bg-repeat,var(--ybc-button-custom-tablet-bg-repeat, var(--ybc-button-standard-tablet-bg-repeat,var(--ybc-button-custom-mobile-bg-repeat, var(--ybc-button-standard-mobile-bg-repeat,var(--ybc-button-custom-default-bg-repeat , var(--ybc-button-standard-default-bg-repeat, inherit))))))));
    border-left-width: var(--ybc-button-custom-tablet-landscape-border-left-width, var(--ybc-button-standard-tablet-landscape-border-left-width,var(--ybc-button-custom-tablet-border-left-width, var(--ybc-button-standard-tablet-border-left-width,var(--ybc-button-custom-mobile-border-left-width, var(--ybc-button-standard-mobile-border-left-width,var(--ybc-button-custom-default-border-left-width , var(--ybc-button-standard-default-border-left-width, inherit))))))));
    border-left-style: var(--ybc-button-custom-tablet-landscape-border-left-style, var(--ybc-button-standard-tablet-landscape-border-left-style,var(--ybc-button-custom-tablet-border-left-style, var(--ybc-button-standard-tablet-border-left-style,var(--ybc-button-custom-mobile-border-left-style, var(--ybc-button-standard-mobile-border-left-style,var(--ybc-button-custom-default-border-left-style , var(--ybc-button-standard-default-border-left-style, inherit))))))));
    border-left-color: var(--ybc-button-custom-tablet-landscape-border-left-color, var(--ybc-button-standard-tablet-landscape-border-left-color,var(--ybc-button-custom-tablet-border-left-color, var(--ybc-button-standard-tablet-border-left-color,var(--ybc-button-custom-mobile-border-left-color, var(--ybc-button-standard-mobile-border-left-color,var(--ybc-button-custom-default-border-left-color , var(--ybc-button-standard-default-border-left-color, inherit))))))));
    border-top-width: var(--ybc-button-custom-tablet-landscape-border-top-width, var(--ybc-button-standard-tablet-landscape-border-top-width,var(--ybc-button-custom-tablet-border-top-width, var(--ybc-button-standard-tablet-border-top-width,var(--ybc-button-custom-mobile-border-top-width, var(--ybc-button-standard-mobile-border-top-width,var(--ybc-button-custom-default-border-top-width , var(--ybc-button-standard-default-border-top-width, inherit))))))));
    border-top-style: var(--ybc-button-custom-tablet-landscape-border-top-style, var(--ybc-button-standard-tablet-landscape-border-top-style,var(--ybc-button-custom-tablet-border-top-style, var(--ybc-button-standard-tablet-border-top-style,var(--ybc-button-custom-mobile-border-top-style, var(--ybc-button-standard-mobile-border-top-style,var(--ybc-button-custom-default-border-top-style , var(--ybc-button-standard-default-border-top-style, inherit))))))));
    border-top-color: var(--ybc-button-custom-tablet-landscape-border-top-color, var(--ybc-button-standard-tablet-landscape-border-top-color,var(--ybc-button-custom-tablet-border-top-color, var(--ybc-button-standard-tablet-border-top-color,var(--ybc-button-custom-mobile-border-top-color, var(--ybc-button-standard-mobile-border-top-color,var(--ybc-button-custom-default-border-top-color , var(--ybc-button-standard-default-border-top-color, inherit))))))));
    border-bottom-width: var(--ybc-button-custom-tablet-landscape-border-bottom-width, var(--ybc-button-standard-tablet-landscape-border-bottom-width,var(--ybc-button-custom-tablet-border-bottom-width, var(--ybc-button-standard-tablet-border-bottom-width,var(--ybc-button-custom-mobile-border-bottom-width, var(--ybc-button-standard-mobile-border-bottom-width,var(--ybc-button-custom-default-border-bottom-width , var(--ybc-button-standard-default-border-bottom-width, inherit))))))));
    border-bottom-style: var(--ybc-button-custom-tablet-landscape-border-bottom-style, var(--ybc-button-standard-tablet-landscape-border-bottom-style,var(--ybc-button-custom-tablet-border-bottom-style, var(--ybc-button-standard-tablet-border-bottom-style,var(--ybc-button-custom-mobile-border-bottom-style, var(--ybc-button-standard-mobile-border-bottom-style,var(--ybc-button-custom-default-border-bottom-style , var(--ybc-button-standard-default-border-bottom-style, inherit))))))));
    border-bottom-color: var(--ybc-button-custom-tablet-landscape-border-bottom-color, var(--ybc-button-standard-tablet-landscape-border-bottom-color,var(--ybc-button-custom-tablet-border-bottom-color, var(--ybc-button-standard-tablet-border-bottom-color,var(--ybc-button-custom-mobile-border-bottom-color, var(--ybc-button-standard-mobile-border-bottom-color,var(--ybc-button-custom-default-border-bottom-color , var(--ybc-button-standard-default-border-bottom-color, inherit))))))));
    border-right-width: var(--ybc-button-custom-tablet-landscape-border-right-width, var(--ybc-button-standard-tablet-landscape-border-right-width,var(--ybc-button-custom-tablet-border-right-width, var(--ybc-button-standard-tablet-border-right-width,var(--ybc-button-custom-mobile-border-right-width, var(--ybc-button-standard-mobile-border-right-width,var(--ybc-button-custom-default-border-right-width , var(--ybc-button-standard-default-border-right-width, inherit))))))));
    border-right-style: var(--ybc-button-custom-tablet-landscape-border-right-style, var(--ybc-button-standard-tablet-landscape-border-right-style,var(--ybc-button-custom-tablet-border-right-style, var(--ybc-button-standard-tablet-border-right-style,var(--ybc-button-custom-mobile-border-right-style, var(--ybc-button-standard-mobile-border-right-style,var(--ybc-button-custom-default-border-right-style , var(--ybc-button-standard-default-border-right-style, inherit))))))));
    border-right-color: var(--ybc-button-custom-tablet-landscape-border-right-color, var(--ybc-button-standard-tablet-landscape-border-right-color,var(--ybc-button-custom-tablet-border-right-color, var(--ybc-button-standard-tablet-border-right-color,var(--ybc-button-custom-mobile-border-right-color, var(--ybc-button-standard-mobile-border-right-color,var(--ybc-button-custom-default-border-right-color , var(--ybc-button-standard-default-border-right-color, inherit))))))));
    border-radius: var(--ybc-button-custom-tablet-landscape-border-radius, var(--ybc-button-standard-tablet-landscape-border-radius,var(--ybc-button-custom-tablet-border-radius, var(--ybc-button-standard-tablet-border-radius,var(--ybc-button-custom-mobile-border-radius, var(--ybc-button-standard-mobile-border-radius,var(--ybc-button-custom-default-border-radius , var(--ybc-button-standard-default-border-radius, inherit))))))));
    padding-left: var(--ybc-button-custom-tablet-landscape-padding-left, var(--ybc-button-standard-tablet-landscape-padding-left,var(--ybc-button-custom-tablet-padding-left, var(--ybc-button-standard-tablet-padding-left,var(--ybc-button-custom-mobile-padding-left, var(--ybc-button-standard-mobile-padding-left,var(--ybc-button-custom-default-padding-left , var(--ybc-button-standard-default-padding-left, inherit))))))));
    padding-right: var(--ybc-button-custom-tablet-landscape-padding-right, var(--ybc-button-standard-tablet-landscape-padding-right,var(--ybc-button-custom-tablet-padding-right, var(--ybc-button-standard-tablet-padding-right,var(--ybc-button-custom-mobile-padding-right, var(--ybc-button-standard-mobile-padding-right,var(--ybc-button-custom-default-padding-right , var(--ybc-button-standard-default-padding-right, inherit))))))));
    padding-top: var(--ybc-button-custom-tablet-landscape-padding-top, var(--ybc-button-standard-tablet-landscape-padding-top,var(--ybc-button-custom-tablet-padding-top, var(--ybc-button-standard-tablet-padding-top,var(--ybc-button-custom-mobile-padding-top, var(--ybc-button-standard-mobile-padding-top,var(--ybc-button-custom-default-padding-top , var(--ybc-button-standard-default-padding-top, inherit))))))));
    padding-bottom: var(--ybc-button-custom-tablet-landscape-padding-bottom, var(--ybc-button-standard-tablet-landscape-padding-bottom,var(--ybc-button-custom-tablet-padding-bottom, var(--ybc-button-standard-tablet-padding-bottom,var(--ybc-button-custom-mobile-padding-bottom, var(--ybc-button-standard-mobile-padding-bottom,var(--ybc-button-custom-default-padding-bottom , var(--ybc-button-standard-default-padding-bottom, inherit))))))));
    margin-left: var(--ybc-button-custom-tablet-landscape-margin-left, var(--ybc-button-standard-tablet-landscape-margin-left,var(--ybc-button-custom-tablet-margin-left, var(--ybc-button-standard-tablet-margin-left,var(--ybc-button-custom-mobile-margin-left, var(--ybc-button-standard-mobile-margin-left,var(--ybc-button-custom-default-margin-left , var(--ybc-button-standard-default-margin-left, inherit))))))));
    margin-right: var(--ybc-button-custom-tablet-landscape-margin-right, var(--ybc-button-standard-tablet-landscape-margin-right,var(--ybc-button-custom-tablet-margin-right, var(--ybc-button-standard-tablet-margin-right,var(--ybc-button-custom-mobile-margin-right, var(--ybc-button-standard-mobile-margin-right,var(--ybc-button-custom-default-margin-right , var(--ybc-button-standard-default-margin-right, inherit))))))));
    margin-top: var(--ybc-button-custom-tablet-landscape-margin-top, var(--ybc-button-standard-tablet-landscape-margin-top,var(--ybc-button-custom-tablet-margin-top, var(--ybc-button-standard-tablet-margin-top,var(--ybc-button-custom-mobile-margin-top, var(--ybc-button-standard-mobile-margin-top,var(--ybc-button-custom-default-margin-top , var(--ybc-button-standard-default-margin-top, inherit))))))));
    margin-bottom: var(--ybc-button-custom-tablet-landscape-margin-bottom, var(--ybc-button-standard-tablet-landscape-margin-bottom,var(--ybc-button-custom-tablet-margin-bottom, var(--ybc-button-standard-tablet-margin-bottom,var(--ybc-button-custom-mobile-margin-bottom, var(--ybc-button-standard-mobile-margin-bottom,var(--ybc-button-custom-default-margin-bottom , var(--ybc-button-standard-default-margin-bottom, inherit))))))));
    grid-template-columns: repeat(var(--ybc-button-custom-tablet-landscape-grid-columns, var(--ybc-button-standard-tablet-landscape-grid-columns,var(--ybc-button-custom-tablet-grid-columns, var(--ybc-button-standard-tablet-grid-columns,var(--ybc-button-custom-mobile-grid-columns, var(--ybc-button-standard-mobile-grid-columns,var(--ybc-button-custom-default-grid-columns , var(--ybc-button-standard-default-grid-columns, inherit)))))))), minmax(0, 1fr));
    grid-template-rows: repeat(var(--ybc-button-custom-tablet-landscape-grid-rows, var(--ybc-button-standard-tablet-landscape-grid-rows,var(--ybc-button-custom-tablet-grid-rows, var(--ybc-button-standard-tablet-grid-rows,var(--ybc-button-custom-mobile-grid-rows, var(--ybc-button-standard-mobile-grid-rows,var(--ybc-button-custom-default-grid-rows , var(--ybc-button-standard-default-grid-rows, inherit)))))))), auto);
    -moz-column-gap: var(--ybc-button-custom-tablet-landscape-grid-columnGap, var(--ybc-button-standard-tablet-landscape-grid-columnGap,var(--ybc-button-custom-tablet-grid-columnGap, var(--ybc-button-standard-tablet-grid-columnGap,var(--ybc-button-custom-mobile-grid-columnGap, var(--ybc-button-standard-mobile-grid-columnGap,var(--ybc-button-custom-default-grid-columnGap , var(--ybc-button-standard-default-grid-columnGap, inherit))))))));
         column-gap: var(--ybc-button-custom-tablet-landscape-grid-columnGap, var(--ybc-button-standard-tablet-landscape-grid-columnGap,var(--ybc-button-custom-tablet-grid-columnGap, var(--ybc-button-standard-tablet-grid-columnGap,var(--ybc-button-custom-mobile-grid-columnGap, var(--ybc-button-standard-mobile-grid-columnGap,var(--ybc-button-custom-default-grid-columnGap , var(--ybc-button-standard-default-grid-columnGap, inherit))))))));
    row-gap: var(--ybc-button-custom-tablet-landscape-grid-rowGap, var(--ybc-button-standard-tablet-landscape-grid-rowGap,var(--ybc-button-custom-tablet-grid-rowGap, var(--ybc-button-standard-tablet-grid-rowGap,var(--ybc-button-custom-mobile-grid-rowGap, var(--ybc-button-standard-mobile-grid-rowGap,var(--ybc-button-custom-default-grid-rowGap , var(--ybc-button-standard-default-grid-rowGap, inherit))))))));
    grid-template-areas: var(--ybc-button-custom-tablet-landscape-grid-areas, var(--ybc-button-standard-tablet-landscape-grid-areas,var(--ybc-button-custom-tablet-grid-areas, var(--ybc-button-standard-tablet-grid-areas,var(--ybc-button-custom-mobile-grid-areas, var(--ybc-button-standard-mobile-grid-areas,var(--ybc-button-custom-default-grid-areas , var(--ybc-button-standard-default-grid-areas, inherit))))))));
    grid-column-start: var(--ybc-button-custom-tablet-landscape-gridPosition-start, var(--ybc-button-standard-tablet-landscape-gridPosition-start,var(--ybc-button-custom-tablet-gridPosition-start, var(--ybc-button-standard-tablet-gridPosition-start,var(--ybc-button-custom-mobile-gridPosition-start, var(--ybc-button-standard-mobile-gridPosition-start,var(--ybc-button-custom-default-gridPosition-start , var(--ybc-button-standard-default-gridPosition-start, inherit))))))));
    grid-column-end: var(--ybc-button-custom-tablet-landscape-gridPosition-end, var(--ybc-button-standard-tablet-landscape-gridPosition-end,var(--ybc-button-custom-tablet-gridPosition-end, var(--ybc-button-standard-tablet-gridPosition-end,var(--ybc-button-custom-mobile-gridPosition-end, var(--ybc-button-standard-mobile-gridPosition-end,var(--ybc-button-custom-default-gridPosition-end , var(--ybc-button-standard-default-gridPosition-end, inherit))))))));
    grid-row-start: var(--ybc-button-custom-tablet-landscape-gridPosition-rowStart, var(--ybc-button-standard-tablet-landscape-gridPosition-rowStart,var(--ybc-button-custom-tablet-gridPosition-rowStart, var(--ybc-button-standard-tablet-gridPosition-rowStart,var(--ybc-button-custom-mobile-gridPosition-rowStart, var(--ybc-button-standard-mobile-gridPosition-rowStart,var(--ybc-button-custom-default-gridPosition-rowStart , var(--ybc-button-standard-default-gridPosition-rowStart, inherit))))))));
    grid-row-end: var(--ybc-button-custom-tablet-landscape-gridPosition-rowEnd, var(--ybc-button-standard-tablet-landscape-gridPosition-rowEnd,var(--ybc-button-custom-tablet-gridPosition-rowEnd, var(--ybc-button-standard-tablet-gridPosition-rowEnd,var(--ybc-button-custom-mobile-gridPosition-rowEnd, var(--ybc-button-standard-mobile-gridPosition-rowEnd,var(--ybc-button-custom-default-gridPosition-rowEnd , var(--ybc-button-standard-default-gridPosition-rowEnd, inherit))))))));
    order: var(--ybc-button-custom-tablet-landscape-gridPosition-order, var(--ybc-button-standard-tablet-landscape-gridPosition-order,var(--ybc-button-custom-tablet-gridPosition-order, var(--ybc-button-standard-tablet-gridPosition-order,var(--ybc-button-custom-mobile-gridPosition-order, var(--ybc-button-standard-mobile-gridPosition-order,var(--ybc-button-custom-default-gridPosition-order , var(--ybc-button-standard-default-gridPosition-order, inherit))))))));
    width: var(--ybc-button-custom-tablet-landscape-size-width, var(--ybc-button-standard-tablet-landscape-size-width,var(--ybc-button-custom-tablet-size-width, var(--ybc-button-standard-tablet-size-width,var(--ybc-button-custom-mobile-size-width, var(--ybc-button-standard-mobile-size-width,var(--ybc-button-custom-default-size-width , var(--ybc-button-standard-default-size-width, inherit))))))));
    height: var(--ybc-button-custom-tablet-landscape-size-height, var(--ybc-button-standard-tablet-landscape-size-height,var(--ybc-button-custom-tablet-size-height, var(--ybc-button-standard-tablet-size-height,var(--ybc-button-custom-mobile-size-height, var(--ybc-button-standard-mobile-size-height,var(--ybc-button-custom-default-size-height , var(--ybc-button-standard-default-size-height, inherit))))))));
    min-width: var(--ybc-button-custom-tablet-landscape-size-minWidth, var(--ybc-button-standard-tablet-landscape-size-minWidth,var(--ybc-button-custom-tablet-size-minWidth, var(--ybc-button-standard-tablet-size-minWidth,var(--ybc-button-custom-mobile-size-minWidth, var(--ybc-button-standard-mobile-size-minWidth,var(--ybc-button-custom-default-size-minWidth , var(--ybc-button-standard-default-size-minWidth, inherit))))))));
    min-height: var(--ybc-button-custom-tablet-landscape-size-minHeight, var(--ybc-button-standard-tablet-landscape-size-minHeight,var(--ybc-button-custom-tablet-size-minHeight, var(--ybc-button-standard-tablet-size-minHeight,var(--ybc-button-custom-mobile-size-minHeight, var(--ybc-button-standard-mobile-size-minHeight,var(--ybc-button-custom-default-size-minHeight , var(--ybc-button-standard-default-size-minHeight, inherit))))))));
    max-width: var(--ybc-button-custom-tablet-landscape-size-maxWidth, var(--ybc-button-standard-tablet-landscape-size-maxWidth,var(--ybc-button-custom-tablet-size-maxWidth, var(--ybc-button-standard-tablet-size-maxWidth,var(--ybc-button-custom-mobile-size-maxWidth, var(--ybc-button-standard-mobile-size-maxWidth,var(--ybc-button-custom-default-size-maxWidth , var(--ybc-button-standard-default-size-maxWidth, inherit))))))));
    max-height: var(--ybc-button-custom-tablet-landscape-size-maxHeight, var(--ybc-button-standard-tablet-landscape-size-maxHeight,var(--ybc-button-custom-tablet-size-maxHeight, var(--ybc-button-standard-tablet-size-maxHeight,var(--ybc-button-custom-mobile-size-maxHeight, var(--ybc-button-standard-mobile-size-maxHeight,var(--ybc-button-custom-default-size-maxHeight , var(--ybc-button-standard-default-size-maxHeight, inherit))))))));
    display: var(--ybc-button-custom-tablet-landscape-layout-display, var(--ybc-button-standard-tablet-landscape-layout-display,var(--ybc-button-custom-tablet-layout-display, var(--ybc-button-standard-tablet-layout-display,var(--ybc-button-custom-mobile-layout-display, var(--ybc-button-standard-mobile-layout-display,var(--ybc-button-custom-default-layout-display , var(--ybc-button-standard-default-layout-display, inherit))))))));
    -o-object-fit: var(--ybc-button-custom-tablet-landscape-layout-objectFit, var(--ybc-button-standard-tablet-landscape-layout-objectFit,var(--ybc-button-custom-tablet-layout-objectFit, var(--ybc-button-standard-tablet-layout-objectFit,var(--ybc-button-custom-mobile-layout-objectFit, var(--ybc-button-standard-mobile-layout-objectFit,var(--ybc-button-custom-default-layout-objectFit , var(--ybc-button-standard-default-layout-objectFit, inherit))))))));
       object-fit: var(--ybc-button-custom-tablet-landscape-layout-objectFit, var(--ybc-button-standard-tablet-landscape-layout-objectFit,var(--ybc-button-custom-tablet-layout-objectFit, var(--ybc-button-standard-tablet-layout-objectFit,var(--ybc-button-custom-mobile-layout-objectFit, var(--ybc-button-standard-mobile-layout-objectFit,var(--ybc-button-custom-default-layout-objectFit , var(--ybc-button-standard-default-layout-objectFit, inherit))))))));
    font-weight: var(--ybc-button-custom-tablet-landscape-text-fontWeight, var(--ybc-button-standard-tablet-landscape-text-fontWeight,var(--ybc-button-custom-tablet-text-fontWeight, var(--ybc-button-standard-tablet-text-fontWeight,var(--ybc-button-custom-mobile-text-fontWeight, var(--ybc-button-standard-mobile-text-fontWeight,var(--ybc-button-custom-default-text-fontWeight , var(--ybc-button-standard-default-text-fontWeight, inherit))))))));
    font-style: var(--ybc-button-custom-tablet-landscape-text-fontStyle, var(--ybc-button-standard-tablet-landscape-text-fontStyle,var(--ybc-button-custom-tablet-text-fontStyle, var(--ybc-button-standard-tablet-text-fontStyle,var(--ybc-button-custom-mobile-text-fontStyle, var(--ybc-button-standard-mobile-text-fontStyle,var(--ybc-button-custom-default-text-fontStyle , var(--ybc-button-standard-default-text-fontStyle, inherit))))))));
    font-size: var(--ybc-button-custom-tablet-landscape-text-fontSize, var(--ybc-button-standard-tablet-landscape-text-fontSize,var(--ybc-button-custom-tablet-text-fontSize, var(--ybc-button-standard-tablet-text-fontSize,var(--ybc-button-custom-mobile-text-fontSize, var(--ybc-button-standard-mobile-text-fontSize,var(--ybc-button-custom-default-text-fontSize , var(--ybc-button-standard-default-text-fontSize, inherit))))))));
    color: var(--ybc-button-custom-tablet-landscape-text-color, var(--ybc-button-standard-tablet-landscape-text-color,var(--ybc-button-custom-tablet-text-color, var(--ybc-button-standard-tablet-text-color,var(--ybc-button-custom-mobile-text-color, var(--ybc-button-standard-mobile-text-color,var(--ybc-button-custom-default-text-color , var(--ybc-button-standard-default-text-color, inherit))))))));
    text-overflow: var(--ybc-button-custom-tablet-landscape-text-textOverflow, var(--ybc-button-standard-tablet-landscape-text-textOverflow,var(--ybc-button-custom-tablet-text-textOverflow, var(--ybc-button-standard-tablet-text-textOverflow,var(--ybc-button-custom-mobile-text-textOverflow, var(--ybc-button-standard-mobile-text-textOverflow,var(--ybc-button-custom-default-text-textOverflow , var(--ybc-button-standard-default-text-textOverflow, inherit))))))));
    -webkit-text-decoration: var(--ybc-button-custom-tablet-landscape-text-textDecoration, var(--ybc-button-standard-tablet-landscape-text-textDecoration,var(--ybc-button-custom-tablet-text-textDecoration, var(--ybc-button-standard-tablet-text-textDecoration,var(--ybc-button-custom-mobile-text-textDecoration, var(--ybc-button-standard-mobile-text-textDecoration,var(--ybc-button-custom-default-text-textDecoration , var(--ybc-button-standard-default-text-textDecoration, inherit))))))));
            text-decoration: var(--ybc-button-custom-tablet-landscape-text-textDecoration, var(--ybc-button-standard-tablet-landscape-text-textDecoration,var(--ybc-button-custom-tablet-text-textDecoration, var(--ybc-button-standard-tablet-text-textDecoration,var(--ybc-button-custom-mobile-text-textDecoration, var(--ybc-button-standard-mobile-text-textDecoration,var(--ybc-button-custom-default-text-textDecoration , var(--ybc-button-standard-default-text-textDecoration, inherit))))))));
    text-align: var(--ybc-button-custom-tablet-landscape-text-textAlign, var(--ybc-button-standard-tablet-landscape-text-textAlign,var(--ybc-button-custom-tablet-text-textAlign, var(--ybc-button-standard-tablet-text-textAlign,var(--ybc-button-custom-mobile-text-textAlign, var(--ybc-button-standard-mobile-text-textAlign,var(--ybc-button-custom-default-text-textAlign , var(--ybc-button-standard-default-text-textAlign, inherit))))))));
    line-height: var(--ybc-button-custom-tablet-landscape-text-lineHeight, var(--ybc-button-standard-tablet-landscape-text-lineHeight,var(--ybc-button-custom-tablet-text-lineHeight, var(--ybc-button-standard-tablet-text-lineHeight,var(--ybc-button-custom-mobile-text-lineHeight, var(--ybc-button-standard-mobile-text-lineHeight,var(--ybc-button-custom-default-text-lineHeight , var(--ybc-button-standard-default-text-lineHeight, inherit))))))));
    align-items: var(--ybc-button-custom-tablet-landscape-layout-alignItems, var(--ybc-button-standard-tablet-landscape-layout-alignItems,var(--ybc-button-custom-tablet-layout-alignItems, var(--ybc-button-standard-tablet-layout-alignItems,var(--ybc-button-custom-mobile-layout-alignItems, var(--ybc-button-standard-mobile-layout-alignItems,var(--ybc-button-custom-default-layout-alignItems , var(--ybc-button-standard-default-layout-alignItems, inherit))))))));
    align-self: var(--ybc-button-custom-tablet-landscape-layout-alignSelf, var(--ybc-button-standard-tablet-landscape-layout-alignSelf,var(--ybc-button-custom-tablet-layout-alignSelf, var(--ybc-button-standard-tablet-layout-alignSelf,var(--ybc-button-custom-mobile-layout-alignSelf, var(--ybc-button-standard-mobile-layout-alignSelf,var(--ybc-button-custom-default-layout-alignSelf , var(--ybc-button-standard-default-layout-alignSelf, inherit))))))));
    align-content: var(--ybc-button-custom-tablet-landscape-layout-alignContent, var(--ybc-button-standard-tablet-landscape-layout-alignContent,var(--ybc-button-custom-tablet-layout-alignContent, var(--ybc-button-standard-tablet-layout-alignContent,var(--ybc-button-custom-mobile-layout-alignContent, var(--ybc-button-standard-mobile-layout-alignContent,var(--ybc-button-custom-default-layout-alignContent , var(--ybc-button-standard-default-layout-alignContent, inherit))))))));
    justify-items: var(--ybc-button-custom-tablet-landscape-layout-justifyItems, var(--ybc-button-standard-tablet-landscape-layout-justifyItems,var(--ybc-button-custom-tablet-layout-justifyItems, var(--ybc-button-standard-tablet-layout-justifyItems,var(--ybc-button-custom-mobile-layout-justifyItems, var(--ybc-button-standard-mobile-layout-justifyItems,var(--ybc-button-custom-default-layout-justifyItems , var(--ybc-button-standard-default-layout-justifyItems, inherit))))))));
    justify-self: var(--ybc-button-custom-tablet-landscape-layout-justifySelf, var(--ybc-button-standard-tablet-landscape-layout-justifySelf,var(--ybc-button-custom-tablet-layout-justifySelf, var(--ybc-button-standard-tablet-layout-justifySelf,var(--ybc-button-custom-mobile-layout-justifySelf, var(--ybc-button-standard-mobile-layout-justifySelf,var(--ybc-button-custom-default-layout-justifySelf , var(--ybc-button-standard-default-layout-justifySelf, inherit))))))));
    justify-content: var(--ybc-button-custom-tablet-landscape-layout-justifyContent, var(--ybc-button-standard-tablet-landscape-layout-justifyContent,var(--ybc-button-custom-tablet-layout-justifyContent, var(--ybc-button-standard-tablet-layout-justifyContent,var(--ybc-button-custom-mobile-layout-justifyContent, var(--ybc-button-standard-mobile-layout-justifyContent,var(--ybc-button-custom-default-layout-justifyContent , var(--ybc-button-standard-default-layout-justifyContent, inherit))))))));
  }
}

@media (min-width: 1440px) {

  .yubicool-button.yubicool-component {
    background-color: var(--ybc-button-custom-desktop-bg-color, var(--ybc-button-standard-desktop-bg-color,var(--ybc-button-custom-tablet-landscape-bg-color, var(--ybc-button-standard-tablet-landscape-bg-color,var(--ybc-button-custom-tablet-bg-color, var(--ybc-button-standard-tablet-bg-color,var(--ybc-button-custom-mobile-bg-color, var(--ybc-button-standard-mobile-bg-color,var(--ybc-button-custom-default-bg-color , var(--ybc-button-standard-default-bg-color, inherit))))))))));
    background-image: var(--ybc-button-custom-desktop-bg-image, var(--ybc-button-standard-desktop-bg-image,var(--ybc-button-custom-tablet-landscape-bg-image, var(--ybc-button-standard-tablet-landscape-bg-image,var(--ybc-button-custom-tablet-bg-image, var(--ybc-button-standard-tablet-bg-image,var(--ybc-button-custom-mobile-bg-image, var(--ybc-button-standard-mobile-bg-image,var(--ybc-button-custom-default-bg-image , var(--ybc-button-standard-default-bg-image, inherit))))))))));
    background-size: var(--ybc-button-custom-desktop-bg-size, var(--ybc-button-standard-desktop-bg-size,var(--ybc-button-custom-tablet-landscape-bg-size, var(--ybc-button-standard-tablet-landscape-bg-size,var(--ybc-button-custom-tablet-bg-size, var(--ybc-button-standard-tablet-bg-size,var(--ybc-button-custom-mobile-bg-size, var(--ybc-button-standard-mobile-bg-size,var(--ybc-button-custom-default-bg-size , var(--ybc-button-standard-default-bg-size, inherit))))))))));
    background-position: var(--ybc-button-custom-desktop-bg-position, var(--ybc-button-standard-desktop-bg-position,var(--ybc-button-custom-tablet-landscape-bg-position, var(--ybc-button-standard-tablet-landscape-bg-position,var(--ybc-button-custom-tablet-bg-position, var(--ybc-button-standard-tablet-bg-position,var(--ybc-button-custom-mobile-bg-position, var(--ybc-button-standard-mobile-bg-position,var(--ybc-button-custom-default-bg-position , var(--ybc-button-standard-default-bg-position, inherit))))))))));
    background-repeat: var(--ybc-button-custom-desktop-bg-repeat, var(--ybc-button-standard-desktop-bg-repeat,var(--ybc-button-custom-tablet-landscape-bg-repeat, var(--ybc-button-standard-tablet-landscape-bg-repeat,var(--ybc-button-custom-tablet-bg-repeat, var(--ybc-button-standard-tablet-bg-repeat,var(--ybc-button-custom-mobile-bg-repeat, var(--ybc-button-standard-mobile-bg-repeat,var(--ybc-button-custom-default-bg-repeat , var(--ybc-button-standard-default-bg-repeat, inherit))))))))));
    border-left-width: var(--ybc-button-custom-desktop-border-left-width, var(--ybc-button-standard-desktop-border-left-width,var(--ybc-button-custom-tablet-landscape-border-left-width, var(--ybc-button-standard-tablet-landscape-border-left-width,var(--ybc-button-custom-tablet-border-left-width, var(--ybc-button-standard-tablet-border-left-width,var(--ybc-button-custom-mobile-border-left-width, var(--ybc-button-standard-mobile-border-left-width,var(--ybc-button-custom-default-border-left-width , var(--ybc-button-standard-default-border-left-width, inherit))))))))));
    border-left-style: var(--ybc-button-custom-desktop-border-left-style, var(--ybc-button-standard-desktop-border-left-style,var(--ybc-button-custom-tablet-landscape-border-left-style, var(--ybc-button-standard-tablet-landscape-border-left-style,var(--ybc-button-custom-tablet-border-left-style, var(--ybc-button-standard-tablet-border-left-style,var(--ybc-button-custom-mobile-border-left-style, var(--ybc-button-standard-mobile-border-left-style,var(--ybc-button-custom-default-border-left-style , var(--ybc-button-standard-default-border-left-style, inherit))))))))));
    border-left-color: var(--ybc-button-custom-desktop-border-left-color, var(--ybc-button-standard-desktop-border-left-color,var(--ybc-button-custom-tablet-landscape-border-left-color, var(--ybc-button-standard-tablet-landscape-border-left-color,var(--ybc-button-custom-tablet-border-left-color, var(--ybc-button-standard-tablet-border-left-color,var(--ybc-button-custom-mobile-border-left-color, var(--ybc-button-standard-mobile-border-left-color,var(--ybc-button-custom-default-border-left-color , var(--ybc-button-standard-default-border-left-color, inherit))))))))));
    border-top-width: var(--ybc-button-custom-desktop-border-top-width, var(--ybc-button-standard-desktop-border-top-width,var(--ybc-button-custom-tablet-landscape-border-top-width, var(--ybc-button-standard-tablet-landscape-border-top-width,var(--ybc-button-custom-tablet-border-top-width, var(--ybc-button-standard-tablet-border-top-width,var(--ybc-button-custom-mobile-border-top-width, var(--ybc-button-standard-mobile-border-top-width,var(--ybc-button-custom-default-border-top-width , var(--ybc-button-standard-default-border-top-width, inherit))))))))));
    border-top-style: var(--ybc-button-custom-desktop-border-top-style, var(--ybc-button-standard-desktop-border-top-style,var(--ybc-button-custom-tablet-landscape-border-top-style, var(--ybc-button-standard-tablet-landscape-border-top-style,var(--ybc-button-custom-tablet-border-top-style, var(--ybc-button-standard-tablet-border-top-style,var(--ybc-button-custom-mobile-border-top-style, var(--ybc-button-standard-mobile-border-top-style,var(--ybc-button-custom-default-border-top-style , var(--ybc-button-standard-default-border-top-style, inherit))))))))));
    border-top-color: var(--ybc-button-custom-desktop-border-top-color, var(--ybc-button-standard-desktop-border-top-color,var(--ybc-button-custom-tablet-landscape-border-top-color, var(--ybc-button-standard-tablet-landscape-border-top-color,var(--ybc-button-custom-tablet-border-top-color, var(--ybc-button-standard-tablet-border-top-color,var(--ybc-button-custom-mobile-border-top-color, var(--ybc-button-standard-mobile-border-top-color,var(--ybc-button-custom-default-border-top-color , var(--ybc-button-standard-default-border-top-color, inherit))))))))));
    border-bottom-width: var(--ybc-button-custom-desktop-border-bottom-width, var(--ybc-button-standard-desktop-border-bottom-width,var(--ybc-button-custom-tablet-landscape-border-bottom-width, var(--ybc-button-standard-tablet-landscape-border-bottom-width,var(--ybc-button-custom-tablet-border-bottom-width, var(--ybc-button-standard-tablet-border-bottom-width,var(--ybc-button-custom-mobile-border-bottom-width, var(--ybc-button-standard-mobile-border-bottom-width,var(--ybc-button-custom-default-border-bottom-width , var(--ybc-button-standard-default-border-bottom-width, inherit))))))))));
    border-bottom-style: var(--ybc-button-custom-desktop-border-bottom-style, var(--ybc-button-standard-desktop-border-bottom-style,var(--ybc-button-custom-tablet-landscape-border-bottom-style, var(--ybc-button-standard-tablet-landscape-border-bottom-style,var(--ybc-button-custom-tablet-border-bottom-style, var(--ybc-button-standard-tablet-border-bottom-style,var(--ybc-button-custom-mobile-border-bottom-style, var(--ybc-button-standard-mobile-border-bottom-style,var(--ybc-button-custom-default-border-bottom-style , var(--ybc-button-standard-default-border-bottom-style, inherit))))))))));
    border-bottom-color: var(--ybc-button-custom-desktop-border-bottom-color, var(--ybc-button-standard-desktop-border-bottom-color,var(--ybc-button-custom-tablet-landscape-border-bottom-color, var(--ybc-button-standard-tablet-landscape-border-bottom-color,var(--ybc-button-custom-tablet-border-bottom-color, var(--ybc-button-standard-tablet-border-bottom-color,var(--ybc-button-custom-mobile-border-bottom-color, var(--ybc-button-standard-mobile-border-bottom-color,var(--ybc-button-custom-default-border-bottom-color , var(--ybc-button-standard-default-border-bottom-color, inherit))))))))));
    border-right-width: var(--ybc-button-custom-desktop-border-right-width, var(--ybc-button-standard-desktop-border-right-width,var(--ybc-button-custom-tablet-landscape-border-right-width, var(--ybc-button-standard-tablet-landscape-border-right-width,var(--ybc-button-custom-tablet-border-right-width, var(--ybc-button-standard-tablet-border-right-width,var(--ybc-button-custom-mobile-border-right-width, var(--ybc-button-standard-mobile-border-right-width,var(--ybc-button-custom-default-border-right-width , var(--ybc-button-standard-default-border-right-width, inherit))))))))));
    border-right-style: var(--ybc-button-custom-desktop-border-right-style, var(--ybc-button-standard-desktop-border-right-style,var(--ybc-button-custom-tablet-landscape-border-right-style, var(--ybc-button-standard-tablet-landscape-border-right-style,var(--ybc-button-custom-tablet-border-right-style, var(--ybc-button-standard-tablet-border-right-style,var(--ybc-button-custom-mobile-border-right-style, var(--ybc-button-standard-mobile-border-right-style,var(--ybc-button-custom-default-border-right-style , var(--ybc-button-standard-default-border-right-style, inherit))))))))));
    border-right-color: var(--ybc-button-custom-desktop-border-right-color, var(--ybc-button-standard-desktop-border-right-color,var(--ybc-button-custom-tablet-landscape-border-right-color, var(--ybc-button-standard-tablet-landscape-border-right-color,var(--ybc-button-custom-tablet-border-right-color, var(--ybc-button-standard-tablet-border-right-color,var(--ybc-button-custom-mobile-border-right-color, var(--ybc-button-standard-mobile-border-right-color,var(--ybc-button-custom-default-border-right-color , var(--ybc-button-standard-default-border-right-color, inherit))))))))));
    border-radius: var(--ybc-button-custom-desktop-border-radius, var(--ybc-button-standard-desktop-border-radius,var(--ybc-button-custom-tablet-landscape-border-radius, var(--ybc-button-standard-tablet-landscape-border-radius,var(--ybc-button-custom-tablet-border-radius, var(--ybc-button-standard-tablet-border-radius,var(--ybc-button-custom-mobile-border-radius, var(--ybc-button-standard-mobile-border-radius,var(--ybc-button-custom-default-border-radius , var(--ybc-button-standard-default-border-radius, inherit))))))))));
    padding-left: var(--ybc-button-custom-desktop-padding-left, var(--ybc-button-standard-desktop-padding-left,var(--ybc-button-custom-tablet-landscape-padding-left, var(--ybc-button-standard-tablet-landscape-padding-left,var(--ybc-button-custom-tablet-padding-left, var(--ybc-button-standard-tablet-padding-left,var(--ybc-button-custom-mobile-padding-left, var(--ybc-button-standard-mobile-padding-left,var(--ybc-button-custom-default-padding-left , var(--ybc-button-standard-default-padding-left, inherit))))))))));
    padding-right: var(--ybc-button-custom-desktop-padding-right, var(--ybc-button-standard-desktop-padding-right,var(--ybc-button-custom-tablet-landscape-padding-right, var(--ybc-button-standard-tablet-landscape-padding-right,var(--ybc-button-custom-tablet-padding-right, var(--ybc-button-standard-tablet-padding-right,var(--ybc-button-custom-mobile-padding-right, var(--ybc-button-standard-mobile-padding-right,var(--ybc-button-custom-default-padding-right , var(--ybc-button-standard-default-padding-right, inherit))))))))));
    padding-top: var(--ybc-button-custom-desktop-padding-top, var(--ybc-button-standard-desktop-padding-top,var(--ybc-button-custom-tablet-landscape-padding-top, var(--ybc-button-standard-tablet-landscape-padding-top,var(--ybc-button-custom-tablet-padding-top, var(--ybc-button-standard-tablet-padding-top,var(--ybc-button-custom-mobile-padding-top, var(--ybc-button-standard-mobile-padding-top,var(--ybc-button-custom-default-padding-top , var(--ybc-button-standard-default-padding-top, inherit))))))))));
    padding-bottom: var(--ybc-button-custom-desktop-padding-bottom, var(--ybc-button-standard-desktop-padding-bottom,var(--ybc-button-custom-tablet-landscape-padding-bottom, var(--ybc-button-standard-tablet-landscape-padding-bottom,var(--ybc-button-custom-tablet-padding-bottom, var(--ybc-button-standard-tablet-padding-bottom,var(--ybc-button-custom-mobile-padding-bottom, var(--ybc-button-standard-mobile-padding-bottom,var(--ybc-button-custom-default-padding-bottom , var(--ybc-button-standard-default-padding-bottom, inherit))))))))));
    margin-left: var(--ybc-button-custom-desktop-margin-left, var(--ybc-button-standard-desktop-margin-left,var(--ybc-button-custom-tablet-landscape-margin-left, var(--ybc-button-standard-tablet-landscape-margin-left,var(--ybc-button-custom-tablet-margin-left, var(--ybc-button-standard-tablet-margin-left,var(--ybc-button-custom-mobile-margin-left, var(--ybc-button-standard-mobile-margin-left,var(--ybc-button-custom-default-margin-left , var(--ybc-button-standard-default-margin-left, inherit))))))))));
    margin-right: var(--ybc-button-custom-desktop-margin-right, var(--ybc-button-standard-desktop-margin-right,var(--ybc-button-custom-tablet-landscape-margin-right, var(--ybc-button-standard-tablet-landscape-margin-right,var(--ybc-button-custom-tablet-margin-right, var(--ybc-button-standard-tablet-margin-right,var(--ybc-button-custom-mobile-margin-right, var(--ybc-button-standard-mobile-margin-right,var(--ybc-button-custom-default-margin-right , var(--ybc-button-standard-default-margin-right, inherit))))))))));
    margin-top: var(--ybc-button-custom-desktop-margin-top, var(--ybc-button-standard-desktop-margin-top,var(--ybc-button-custom-tablet-landscape-margin-top, var(--ybc-button-standard-tablet-landscape-margin-top,var(--ybc-button-custom-tablet-margin-top, var(--ybc-button-standard-tablet-margin-top,var(--ybc-button-custom-mobile-margin-top, var(--ybc-button-standard-mobile-margin-top,var(--ybc-button-custom-default-margin-top , var(--ybc-button-standard-default-margin-top, inherit))))))))));
    margin-bottom: var(--ybc-button-custom-desktop-margin-bottom, var(--ybc-button-standard-desktop-margin-bottom,var(--ybc-button-custom-tablet-landscape-margin-bottom, var(--ybc-button-standard-tablet-landscape-margin-bottom,var(--ybc-button-custom-tablet-margin-bottom, var(--ybc-button-standard-tablet-margin-bottom,var(--ybc-button-custom-mobile-margin-bottom, var(--ybc-button-standard-mobile-margin-bottom,var(--ybc-button-custom-default-margin-bottom , var(--ybc-button-standard-default-margin-bottom, inherit))))))))));
    grid-template-columns: repeat(var(--ybc-button-custom-desktop-grid-columns, var(--ybc-button-standard-desktop-grid-columns,var(--ybc-button-custom-tablet-landscape-grid-columns, var(--ybc-button-standard-tablet-landscape-grid-columns,var(--ybc-button-custom-tablet-grid-columns, var(--ybc-button-standard-tablet-grid-columns,var(--ybc-button-custom-mobile-grid-columns, var(--ybc-button-standard-mobile-grid-columns,var(--ybc-button-custom-default-grid-columns , var(--ybc-button-standard-default-grid-columns, inherit)))))))))), minmax(0, 1fr));
    grid-template-rows: repeat(var(--ybc-button-custom-desktop-grid-rows, var(--ybc-button-standard-desktop-grid-rows,var(--ybc-button-custom-tablet-landscape-grid-rows, var(--ybc-button-standard-tablet-landscape-grid-rows,var(--ybc-button-custom-tablet-grid-rows, var(--ybc-button-standard-tablet-grid-rows,var(--ybc-button-custom-mobile-grid-rows, var(--ybc-button-standard-mobile-grid-rows,var(--ybc-button-custom-default-grid-rows , var(--ybc-button-standard-default-grid-rows, inherit)))))))))), auto);
    -moz-column-gap: var(--ybc-button-custom-desktop-grid-columnGap, var(--ybc-button-standard-desktop-grid-columnGap,var(--ybc-button-custom-tablet-landscape-grid-columnGap, var(--ybc-button-standard-tablet-landscape-grid-columnGap,var(--ybc-button-custom-tablet-grid-columnGap, var(--ybc-button-standard-tablet-grid-columnGap,var(--ybc-button-custom-mobile-grid-columnGap, var(--ybc-button-standard-mobile-grid-columnGap,var(--ybc-button-custom-default-grid-columnGap , var(--ybc-button-standard-default-grid-columnGap, inherit))))))))));
         column-gap: var(--ybc-button-custom-desktop-grid-columnGap, var(--ybc-button-standard-desktop-grid-columnGap,var(--ybc-button-custom-tablet-landscape-grid-columnGap, var(--ybc-button-standard-tablet-landscape-grid-columnGap,var(--ybc-button-custom-tablet-grid-columnGap, var(--ybc-button-standard-tablet-grid-columnGap,var(--ybc-button-custom-mobile-grid-columnGap, var(--ybc-button-standard-mobile-grid-columnGap,var(--ybc-button-custom-default-grid-columnGap , var(--ybc-button-standard-default-grid-columnGap, inherit))))))))));
    row-gap: var(--ybc-button-custom-desktop-grid-rowGap, var(--ybc-button-standard-desktop-grid-rowGap,var(--ybc-button-custom-tablet-landscape-grid-rowGap, var(--ybc-button-standard-tablet-landscape-grid-rowGap,var(--ybc-button-custom-tablet-grid-rowGap, var(--ybc-button-standard-tablet-grid-rowGap,var(--ybc-button-custom-mobile-grid-rowGap, var(--ybc-button-standard-mobile-grid-rowGap,var(--ybc-button-custom-default-grid-rowGap , var(--ybc-button-standard-default-grid-rowGap, inherit))))))))));
    grid-template-areas: var(--ybc-button-custom-desktop-grid-areas, var(--ybc-button-standard-desktop-grid-areas,var(--ybc-button-custom-tablet-landscape-grid-areas, var(--ybc-button-standard-tablet-landscape-grid-areas,var(--ybc-button-custom-tablet-grid-areas, var(--ybc-button-standard-tablet-grid-areas,var(--ybc-button-custom-mobile-grid-areas, var(--ybc-button-standard-mobile-grid-areas,var(--ybc-button-custom-default-grid-areas , var(--ybc-button-standard-default-grid-areas, inherit))))))))));
    grid-column-start: var(--ybc-button-custom-desktop-gridPosition-start, var(--ybc-button-standard-desktop-gridPosition-start,var(--ybc-button-custom-tablet-landscape-gridPosition-start, var(--ybc-button-standard-tablet-landscape-gridPosition-start,var(--ybc-button-custom-tablet-gridPosition-start, var(--ybc-button-standard-tablet-gridPosition-start,var(--ybc-button-custom-mobile-gridPosition-start, var(--ybc-button-standard-mobile-gridPosition-start,var(--ybc-button-custom-default-gridPosition-start , var(--ybc-button-standard-default-gridPosition-start, inherit))))))))));
    grid-column-end: var(--ybc-button-custom-desktop-gridPosition-end, var(--ybc-button-standard-desktop-gridPosition-end,var(--ybc-button-custom-tablet-landscape-gridPosition-end, var(--ybc-button-standard-tablet-landscape-gridPosition-end,var(--ybc-button-custom-tablet-gridPosition-end, var(--ybc-button-standard-tablet-gridPosition-end,var(--ybc-button-custom-mobile-gridPosition-end, var(--ybc-button-standard-mobile-gridPosition-end,var(--ybc-button-custom-default-gridPosition-end , var(--ybc-button-standard-default-gridPosition-end, inherit))))))))));
    grid-row-start: var(--ybc-button-custom-desktop-gridPosition-rowStart, var(--ybc-button-standard-desktop-gridPosition-rowStart,var(--ybc-button-custom-tablet-landscape-gridPosition-rowStart, var(--ybc-button-standard-tablet-landscape-gridPosition-rowStart,var(--ybc-button-custom-tablet-gridPosition-rowStart, var(--ybc-button-standard-tablet-gridPosition-rowStart,var(--ybc-button-custom-mobile-gridPosition-rowStart, var(--ybc-button-standard-mobile-gridPosition-rowStart,var(--ybc-button-custom-default-gridPosition-rowStart , var(--ybc-button-standard-default-gridPosition-rowStart, inherit))))))))));
    grid-row-end: var(--ybc-button-custom-desktop-gridPosition-rowEnd, var(--ybc-button-standard-desktop-gridPosition-rowEnd,var(--ybc-button-custom-tablet-landscape-gridPosition-rowEnd, var(--ybc-button-standard-tablet-landscape-gridPosition-rowEnd,var(--ybc-button-custom-tablet-gridPosition-rowEnd, var(--ybc-button-standard-tablet-gridPosition-rowEnd,var(--ybc-button-custom-mobile-gridPosition-rowEnd, var(--ybc-button-standard-mobile-gridPosition-rowEnd,var(--ybc-button-custom-default-gridPosition-rowEnd , var(--ybc-button-standard-default-gridPosition-rowEnd, inherit))))))))));
    order: var(--ybc-button-custom-desktop-gridPosition-order, var(--ybc-button-standard-desktop-gridPosition-order,var(--ybc-button-custom-tablet-landscape-gridPosition-order, var(--ybc-button-standard-tablet-landscape-gridPosition-order,var(--ybc-button-custom-tablet-gridPosition-order, var(--ybc-button-standard-tablet-gridPosition-order,var(--ybc-button-custom-mobile-gridPosition-order, var(--ybc-button-standard-mobile-gridPosition-order,var(--ybc-button-custom-default-gridPosition-order , var(--ybc-button-standard-default-gridPosition-order, inherit))))))))));
    width: var(--ybc-button-custom-desktop-size-width, var(--ybc-button-standard-desktop-size-width,var(--ybc-button-custom-tablet-landscape-size-width, var(--ybc-button-standard-tablet-landscape-size-width,var(--ybc-button-custom-tablet-size-width, var(--ybc-button-standard-tablet-size-width,var(--ybc-button-custom-mobile-size-width, var(--ybc-button-standard-mobile-size-width,var(--ybc-button-custom-default-size-width , var(--ybc-button-standard-default-size-width, inherit))))))))));
    height: var(--ybc-button-custom-desktop-size-height, var(--ybc-button-standard-desktop-size-height,var(--ybc-button-custom-tablet-landscape-size-height, var(--ybc-button-standard-tablet-landscape-size-height,var(--ybc-button-custom-tablet-size-height, var(--ybc-button-standard-tablet-size-height,var(--ybc-button-custom-mobile-size-height, var(--ybc-button-standard-mobile-size-height,var(--ybc-button-custom-default-size-height , var(--ybc-button-standard-default-size-height, inherit))))))))));
    min-width: var(--ybc-button-custom-desktop-size-minWidth, var(--ybc-button-standard-desktop-size-minWidth,var(--ybc-button-custom-tablet-landscape-size-minWidth, var(--ybc-button-standard-tablet-landscape-size-minWidth,var(--ybc-button-custom-tablet-size-minWidth, var(--ybc-button-standard-tablet-size-minWidth,var(--ybc-button-custom-mobile-size-minWidth, var(--ybc-button-standard-mobile-size-minWidth,var(--ybc-button-custom-default-size-minWidth , var(--ybc-button-standard-default-size-minWidth, inherit))))))))));
    min-height: var(--ybc-button-custom-desktop-size-minHeight, var(--ybc-button-standard-desktop-size-minHeight,var(--ybc-button-custom-tablet-landscape-size-minHeight, var(--ybc-button-standard-tablet-landscape-size-minHeight,var(--ybc-button-custom-tablet-size-minHeight, var(--ybc-button-standard-tablet-size-minHeight,var(--ybc-button-custom-mobile-size-minHeight, var(--ybc-button-standard-mobile-size-minHeight,var(--ybc-button-custom-default-size-minHeight , var(--ybc-button-standard-default-size-minHeight, inherit))))))))));
    max-width: var(--ybc-button-custom-desktop-size-maxWidth, var(--ybc-button-standard-desktop-size-maxWidth,var(--ybc-button-custom-tablet-landscape-size-maxWidth, var(--ybc-button-standard-tablet-landscape-size-maxWidth,var(--ybc-button-custom-tablet-size-maxWidth, var(--ybc-button-standard-tablet-size-maxWidth,var(--ybc-button-custom-mobile-size-maxWidth, var(--ybc-button-standard-mobile-size-maxWidth,var(--ybc-button-custom-default-size-maxWidth , var(--ybc-button-standard-default-size-maxWidth, inherit))))))))));
    max-height: var(--ybc-button-custom-desktop-size-maxHeight, var(--ybc-button-standard-desktop-size-maxHeight,var(--ybc-button-custom-tablet-landscape-size-maxHeight, var(--ybc-button-standard-tablet-landscape-size-maxHeight,var(--ybc-button-custom-tablet-size-maxHeight, var(--ybc-button-standard-tablet-size-maxHeight,var(--ybc-button-custom-mobile-size-maxHeight, var(--ybc-button-standard-mobile-size-maxHeight,var(--ybc-button-custom-default-size-maxHeight , var(--ybc-button-standard-default-size-maxHeight, inherit))))))))));
    display: var(--ybc-button-custom-desktop-layout-display, var(--ybc-button-standard-desktop-layout-display,var(--ybc-button-custom-tablet-landscape-layout-display, var(--ybc-button-standard-tablet-landscape-layout-display,var(--ybc-button-custom-tablet-layout-display, var(--ybc-button-standard-tablet-layout-display,var(--ybc-button-custom-mobile-layout-display, var(--ybc-button-standard-mobile-layout-display,var(--ybc-button-custom-default-layout-display , var(--ybc-button-standard-default-layout-display, inherit))))))))));
    -o-object-fit: var(--ybc-button-custom-desktop-layout-objectFit, var(--ybc-button-standard-desktop-layout-objectFit,var(--ybc-button-custom-tablet-landscape-layout-objectFit, var(--ybc-button-standard-tablet-landscape-layout-objectFit,var(--ybc-button-custom-tablet-layout-objectFit, var(--ybc-button-standard-tablet-layout-objectFit,var(--ybc-button-custom-mobile-layout-objectFit, var(--ybc-button-standard-mobile-layout-objectFit,var(--ybc-button-custom-default-layout-objectFit , var(--ybc-button-standard-default-layout-objectFit, inherit))))))))));
       object-fit: var(--ybc-button-custom-desktop-layout-objectFit, var(--ybc-button-standard-desktop-layout-objectFit,var(--ybc-button-custom-tablet-landscape-layout-objectFit, var(--ybc-button-standard-tablet-landscape-layout-objectFit,var(--ybc-button-custom-tablet-layout-objectFit, var(--ybc-button-standard-tablet-layout-objectFit,var(--ybc-button-custom-mobile-layout-objectFit, var(--ybc-button-standard-mobile-layout-objectFit,var(--ybc-button-custom-default-layout-objectFit , var(--ybc-button-standard-default-layout-objectFit, inherit))))))))));
    font-weight: var(--ybc-button-custom-desktop-text-fontWeight, var(--ybc-button-standard-desktop-text-fontWeight,var(--ybc-button-custom-tablet-landscape-text-fontWeight, var(--ybc-button-standard-tablet-landscape-text-fontWeight,var(--ybc-button-custom-tablet-text-fontWeight, var(--ybc-button-standard-tablet-text-fontWeight,var(--ybc-button-custom-mobile-text-fontWeight, var(--ybc-button-standard-mobile-text-fontWeight,var(--ybc-button-custom-default-text-fontWeight , var(--ybc-button-standard-default-text-fontWeight, inherit))))))))));
    font-style: var(--ybc-button-custom-desktop-text-fontStyle, var(--ybc-button-standard-desktop-text-fontStyle,var(--ybc-button-custom-tablet-landscape-text-fontStyle, var(--ybc-button-standard-tablet-landscape-text-fontStyle,var(--ybc-button-custom-tablet-text-fontStyle, var(--ybc-button-standard-tablet-text-fontStyle,var(--ybc-button-custom-mobile-text-fontStyle, var(--ybc-button-standard-mobile-text-fontStyle,var(--ybc-button-custom-default-text-fontStyle , var(--ybc-button-standard-default-text-fontStyle, inherit))))))))));
    font-size: var(--ybc-button-custom-desktop-text-fontSize, var(--ybc-button-standard-desktop-text-fontSize,var(--ybc-button-custom-tablet-landscape-text-fontSize, var(--ybc-button-standard-tablet-landscape-text-fontSize,var(--ybc-button-custom-tablet-text-fontSize, var(--ybc-button-standard-tablet-text-fontSize,var(--ybc-button-custom-mobile-text-fontSize, var(--ybc-button-standard-mobile-text-fontSize,var(--ybc-button-custom-default-text-fontSize , var(--ybc-button-standard-default-text-fontSize, inherit))))))))));
    color: var(--ybc-button-custom-desktop-text-color, var(--ybc-button-standard-desktop-text-color,var(--ybc-button-custom-tablet-landscape-text-color, var(--ybc-button-standard-tablet-landscape-text-color,var(--ybc-button-custom-tablet-text-color, var(--ybc-button-standard-tablet-text-color,var(--ybc-button-custom-mobile-text-color, var(--ybc-button-standard-mobile-text-color,var(--ybc-button-custom-default-text-color , var(--ybc-button-standard-default-text-color, inherit))))))))));
    text-overflow: var(--ybc-button-custom-desktop-text-textOverflow, var(--ybc-button-standard-desktop-text-textOverflow,var(--ybc-button-custom-tablet-landscape-text-textOverflow, var(--ybc-button-standard-tablet-landscape-text-textOverflow,var(--ybc-button-custom-tablet-text-textOverflow, var(--ybc-button-standard-tablet-text-textOverflow,var(--ybc-button-custom-mobile-text-textOverflow, var(--ybc-button-standard-mobile-text-textOverflow,var(--ybc-button-custom-default-text-textOverflow , var(--ybc-button-standard-default-text-textOverflow, inherit))))))))));
    -webkit-text-decoration: var(--ybc-button-custom-desktop-text-textDecoration, var(--ybc-button-standard-desktop-text-textDecoration,var(--ybc-button-custom-tablet-landscape-text-textDecoration, var(--ybc-button-standard-tablet-landscape-text-textDecoration,var(--ybc-button-custom-tablet-text-textDecoration, var(--ybc-button-standard-tablet-text-textDecoration,var(--ybc-button-custom-mobile-text-textDecoration, var(--ybc-button-standard-mobile-text-textDecoration,var(--ybc-button-custom-default-text-textDecoration , var(--ybc-button-standard-default-text-textDecoration, inherit))))))))));
            text-decoration: var(--ybc-button-custom-desktop-text-textDecoration, var(--ybc-button-standard-desktop-text-textDecoration,var(--ybc-button-custom-tablet-landscape-text-textDecoration, var(--ybc-button-standard-tablet-landscape-text-textDecoration,var(--ybc-button-custom-tablet-text-textDecoration, var(--ybc-button-standard-tablet-text-textDecoration,var(--ybc-button-custom-mobile-text-textDecoration, var(--ybc-button-standard-mobile-text-textDecoration,var(--ybc-button-custom-default-text-textDecoration , var(--ybc-button-standard-default-text-textDecoration, inherit))))))))));
    text-align: var(--ybc-button-custom-desktop-text-textAlign, var(--ybc-button-standard-desktop-text-textAlign,var(--ybc-button-custom-tablet-landscape-text-textAlign, var(--ybc-button-standard-tablet-landscape-text-textAlign,var(--ybc-button-custom-tablet-text-textAlign, var(--ybc-button-standard-tablet-text-textAlign,var(--ybc-button-custom-mobile-text-textAlign, var(--ybc-button-standard-mobile-text-textAlign,var(--ybc-button-custom-default-text-textAlign , var(--ybc-button-standard-default-text-textAlign, inherit))))))))));
    line-height: var(--ybc-button-custom-desktop-text-lineHeight, var(--ybc-button-standard-desktop-text-lineHeight,var(--ybc-button-custom-tablet-landscape-text-lineHeight, var(--ybc-button-standard-tablet-landscape-text-lineHeight,var(--ybc-button-custom-tablet-text-lineHeight, var(--ybc-button-standard-tablet-text-lineHeight,var(--ybc-button-custom-mobile-text-lineHeight, var(--ybc-button-standard-mobile-text-lineHeight,var(--ybc-button-custom-default-text-lineHeight , var(--ybc-button-standard-default-text-lineHeight, inherit))))))))));
    align-items: var(--ybc-button-custom-desktop-layout-alignItems, var(--ybc-button-standard-desktop-layout-alignItems,var(--ybc-button-custom-tablet-landscape-layout-alignItems, var(--ybc-button-standard-tablet-landscape-layout-alignItems,var(--ybc-button-custom-tablet-layout-alignItems, var(--ybc-button-standard-tablet-layout-alignItems,var(--ybc-button-custom-mobile-layout-alignItems, var(--ybc-button-standard-mobile-layout-alignItems,var(--ybc-button-custom-default-layout-alignItems , var(--ybc-button-standard-default-layout-alignItems, inherit))))))))));
    align-self: var(--ybc-button-custom-desktop-layout-alignSelf, var(--ybc-button-standard-desktop-layout-alignSelf,var(--ybc-button-custom-tablet-landscape-layout-alignSelf, var(--ybc-button-standard-tablet-landscape-layout-alignSelf,var(--ybc-button-custom-tablet-layout-alignSelf, var(--ybc-button-standard-tablet-layout-alignSelf,var(--ybc-button-custom-mobile-layout-alignSelf, var(--ybc-button-standard-mobile-layout-alignSelf,var(--ybc-button-custom-default-layout-alignSelf , var(--ybc-button-standard-default-layout-alignSelf, inherit))))))))));
    align-content: var(--ybc-button-custom-desktop-layout-alignContent, var(--ybc-button-standard-desktop-layout-alignContent,var(--ybc-button-custom-tablet-landscape-layout-alignContent, var(--ybc-button-standard-tablet-landscape-layout-alignContent,var(--ybc-button-custom-tablet-layout-alignContent, var(--ybc-button-standard-tablet-layout-alignContent,var(--ybc-button-custom-mobile-layout-alignContent, var(--ybc-button-standard-mobile-layout-alignContent,var(--ybc-button-custom-default-layout-alignContent , var(--ybc-button-standard-default-layout-alignContent, inherit))))))))));
    justify-items: var(--ybc-button-custom-desktop-layout-justifyItems, var(--ybc-button-standard-desktop-layout-justifyItems,var(--ybc-button-custom-tablet-landscape-layout-justifyItems, var(--ybc-button-standard-tablet-landscape-layout-justifyItems,var(--ybc-button-custom-tablet-layout-justifyItems, var(--ybc-button-standard-tablet-layout-justifyItems,var(--ybc-button-custom-mobile-layout-justifyItems, var(--ybc-button-standard-mobile-layout-justifyItems,var(--ybc-button-custom-default-layout-justifyItems , var(--ybc-button-standard-default-layout-justifyItems, inherit))))))))));
    justify-self: var(--ybc-button-custom-desktop-layout-justifySelf, var(--ybc-button-standard-desktop-layout-justifySelf,var(--ybc-button-custom-tablet-landscape-layout-justifySelf, var(--ybc-button-standard-tablet-landscape-layout-justifySelf,var(--ybc-button-custom-tablet-layout-justifySelf, var(--ybc-button-standard-tablet-layout-justifySelf,var(--ybc-button-custom-mobile-layout-justifySelf, var(--ybc-button-standard-mobile-layout-justifySelf,var(--ybc-button-custom-default-layout-justifySelf , var(--ybc-button-standard-default-layout-justifySelf, inherit))))))))));
    justify-content: var(--ybc-button-custom-desktop-layout-justifyContent, var(--ybc-button-standard-desktop-layout-justifyContent,var(--ybc-button-custom-tablet-landscape-layout-justifyContent, var(--ybc-button-standard-tablet-landscape-layout-justifyContent,var(--ybc-button-custom-tablet-layout-justifyContent, var(--ybc-button-standard-tablet-layout-justifyContent,var(--ybc-button-custom-mobile-layout-justifyContent, var(--ybc-button-standard-mobile-layout-justifyContent,var(--ybc-button-custom-default-layout-justifyContent , var(--ybc-button-standard-default-layout-justifyContent, inherit))))))))));
  }
}

.yubicool-button.yubicool-component {
  border-radius: 1.75rem;
}

.yubicool-button.yubicool-component.yubicool-button-primary {
    --ybc-button-standard-default-bg-color: #FFFFFF;
    --ybc-button-standard-default-text-color: #65a20c;
  }

.yubicool-button.yubicool-component.yubicool-button-primary:hover {
      --ybc-button-standard-default-bg-color: #5C8211;
      --ybc-button-standard-default-text-color: #FFFFFF;
    }

.yubicool-button.yubicool-component.yubicool-button-secondary {
    --ybc-button-standard-default-text-color: #FFFFFF;
    --ybc-button-standard-default-bg-color: #65a20c;
  }

.yubicool-button.yubicool-component.yubicool-button-secondary:hover {
      --ybc-button-standard-default-text-color: #FFFFFF;
      --ybc-button-standard-default-bg-color: #5C8211;
    }

.yubicool-button.yubicool-component.yubicool-button-semi-transparent,
  .yubicool-button.yubicool-component.yubicool-button-transparent {
    --ybc-button-standard-default-text-color: #FFFFFF;
    --ybc-button-standard-default-bg-color: rgba(255, 255, 255, 0.3);
  }

.yubicool-button.yubicool-component.yubicool-button-semi-transparent:hover, .yubicool-button.yubicool-component.yubicool-button-transparent:hover {
      --ybc-button-standard-default-bg-color: rgba(255, 255, 255, 0.4);
    }

.yubicool-button.yubicool-component.yubicool-button-outline {
    --ybc-button-standard-default-bg-color: #FFFFFF;
    --ybc-button-standard-default-text-color: #0073A5;
    --ybc-button-standard-default-border-left-color: #0073A5;
    --ybc-button-standard-default-border-left-width: 1px;
    --ybc-button-standard-default-border-left-style: solid;
    --ybc-button-standard-default-border-right-color: #0073A5;
    --ybc-button-standard-default-border-right-width: 1px;
    --ybc-button-standard-default-border-right-style: solid;
    --ybc-button-standard-default-border-top-color: #0073A5;
    --ybc-button-standard-default-border-top-width: 1px;
    --ybc-button-standard-default-border-top-style: solid;
    --ybc-button-standard-default-border-bottom-color: #0073A5;
    --ybc-button-standard-default-border-bottom-width: 1px;
    --ybc-button-standard-default-border-bottom-style: solid;
  }

.yubicool-button.yubicool-component.yubicool-button-blue {
    --ybc-button-standard-default-bg-color: #0073A5;
    --ybc-button-standard-default-text-color: #FFFFFF;
  }

.yubicool-button.yubicool-component.yubicool-button-blue:hover {
      --ybc-button-standard-default-bg-color: #005572;
    }

.yubicool-button.yubicool-component.yubicool-button-secondary-style-header {
    --ybc-button-standard-default-text-color: #005572;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

/* WWW-796 Marketo buttons fix */

.MuiButtonBase-root.MuiButton-root.MuiButton-contained {
  transition: 0.2s !important;
  text-decoration: none !important;
  border-radius: 28px !important;
  display: flex;
  height: 2.5rem;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  justify-content: center;
  white-space: nowrap !important;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  font-family: Noto Sans, Helvetica Neue, Open Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(92 130 17 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

  .MuiButtonBase-root.MuiButton-root.MuiButton-contained {
    font-size: 16px;
    line-height: 20px;
  }
}

.MuiButtonBase-root.MuiButton-root.MuiButton-contained:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(92 130 17 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

@media (max-width: 768px) {

  .MuiButtonBase-root.MuiButton-root.MuiButton-contained {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.75rem;
  }
}

.MuiButtonBase-root.MuiButton-root.MuiButton-contained a {
  text-decoration: none !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-contained {
  --tw-bg-opacity: 1;
  background-color: rgb(101 162 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-contained:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(92 130 17 / var(--tw-bg-opacity)) !important;
}

.wp-block-yubicool-wp-button a.yubicool-button {
  text-decoration-line: none !important;
}

.yubicool-button > p {
  margin: 0 !important;
}