/* GENERATED by tools/build_nvy.py from the Nvy theme skeleton, 2026-10-17T11:41:40Z. Do not edit. */


/* Base button styles */
.button,
.dummy-button {
	display: inline-flex;
	justify-content: space-between;
	gap: 0.5em;
	align-items: center;
	padding: var(--button-padding);
	font-size: var(--button-font-size);
	line-height: var(--button-line-height);
	border-radius: var(--button-border-radius);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: var(--button-transition);
	box-sizing: border-box;
	text-decoration: none;
}

.button:hover {
  text-decoration: none;
}

.dummy-button,
.button--no-link{
	cursor: default;
}

.button i,
.dummy-button i {
	font-size: 0.875em;
	transition: transform var(--global-trans);
}


.button:hover i {
  transform: translateX(0.25em);
}

.button--no-bg {
	padding-inline: 0px;
	padding-block: 0px;
	color: var(--button-primary-bg);
	font-weight: 600;
}




/* Primary button */
.button-primary,
.button-primary:visited,
.button-primary.button--no-link {
    background-color: var(--button-primary-bg);
    color: var(--button-primary-text);
    border: var(--button-border-width) solid var(--button-primary-border);
}

.button-primary:hover:not(:disabled):not(.button--no-link) {
    background-color: var(--button-primary-bg-hover);
    color: var(--button-primary-text-hover);
    border-color: var(--button-primary-bg-hover);
}

/* Primary hollow button */
.button-primary-hollow,
.button-primary-hollow:visited,
.button-primary-hollow.button--no-link {
    background-color: transparent;
    color: var(--button-primary-bg);
    border: var(--button-hollow-border-width) solid var(--button-primary-border);
}

.button-primary-hollow:hover:not(:disabled):not(.button--no-link) {
    background-color: var(--button-primary-bg-hover);
    color: var(--button-primary-text-hover);
    border-color: var(--button-primary-bg-hover);
}

/* Primary border button */
.button-primary-border,
.button-primary-border:visited,
.button-primary-border.button--no-link {
    border-color: var(--button-primary-text);
}

/* Secondary button */
.button-secondary,
.button-secondary:visited,
.button-secondary.button--no-link {
    background-color: var(--button-secondary-bg);
    color: var(--button-secondary-text);
    border: var(--button-border-width) solid var(--button-secondary-border);
}

.button-secondary:hover:not(:disabled):not(.button--no-link) {
    background-color: var(--button-secondary-bg-hover);
    color: var(--button-secondary-text-hover);
    border-color: var(--button-secondary-bg-hover);
}

/* Secondary hollow button */
.button-secondary-hollow,
.button-secondary-hollow:visited,
.button-secondary-hollow.button--no-link {
    background-color: transparent;
    color: var(--button-secondary-bg);
    border: var(--button-hollow-border-width) solid var(--button-secondary-border);
}

.button-secondary-hollow:hover:not(:disabled):not(.button--no-link) {
    background-color: var(--button-secondary-bg-hover);
    color: var(--button-secondary-text-hover);
    border-color: var(--button-secondary-bg-hover);
}

/* Primary border button */
.button-secondary-border,
.button-secondary-border:visited,
.button-secondary-border.button--no-link {
    border-color: var(--button-secondary-text);
}

/* Tertiary button */
.button-tertiary,
.button-tertiary:visited,
.button-tertiary.button--no-link {
    background-color: var(--button-tertiary-bg);
    color: var(--button-tertiary-text);
    border: var(--button-border-width) solid var(--button-tertiary-border);
}

.button-tertiary:hover:not(:disabled):not(.button--no-link) {
    background-color: var(--button-tertiary-bg-hover);
    color: var(--button-tertiary-text-hover);
    border-color: var(--button-tertiary-bg-hover);
}

/* Tertiary hollow button */
.button-tertiary-hollow,
.button-tertiary-hollow:visited,
.button-tertiary-hollow.button--no-link {
    background-color: transparent;
    color: var(--button-tertiary-bg);
    border: var(--button-hollow-border-width) solid var(--button-tertiary-border);
}

.button-tertiary-hollow:hover:not(:disabled):not(.button--no-link) {
    background-color: var(--button-tertiary-bg-hover);
    color: var(--button-tertiary-text-hover);
    border-color: var(--button-tertiary-bg-hover);
}

/* Tertiary border button */
.button-tertiary-border,
.button-tertiary-border:visited,
.button-tertiary-border.button--no-link {
    border-color: var(--button-tertiary-text);
}


/* Disabled states */
.button:disabled,
.button-primary:disabled,
.button-secondary:disabled,
.button-tertiary:disabled{
    opacity: var(--button-disabled-opacity);
    cursor: not-allowed;
  	background: var(--button-disabled-background);
  	border-color: var(--button-disabled-background);
	color: var(--button-disabled-text);
}

.button-primary-hollow:disabled,
.button-primary-border:disabled,
.button-secondary-hollow:disabled,
.button-secondary-border:disabled,
.button-tertiary-hollow:disabled,
.button-tertiary-border:disabled{
    opacity: var(--button-disabled-opacity);
    cursor: not-allowed;
  	border-color: var(--button-disabled-background);
	color: var(--button-disabled-text);
}