:root {
    --pk-button-font-family: var(--pk-text-font-family);
    --pk-button-font-weight: 600;

	/************/
	/* BUTTON 1 */
	/************/
	--button-bg-1: var(--primary-color);
	--button-border-color-1: var(--primary-color);
	--button-text-color-1: var(--pk-text-color);
	--button-icon-bg-1: var(--secondary-color);
	--button-icon-color-1: var(--primary-color);
	/* HOVER */
	--button-bg-1-hover: var(--secondary-color);
	--button-border-color-1-hover: var(--secondary-color);
	--button-text-color-1-hover: var(--button-text-color-1);
	--button-icon-bg-1-hover: var(--secondary-color);
	--button-icon-color-1-hover: var(--primary-color);

	/************/
	/* BUTTON 2 */
	/************/
	--button-bg-2: transparent;
	--button-border-color-2: var(--primary-color);
	--button-text-color-2: var(--primary-color);
	--button-icon-bg-2: var(--secondary-color);
	--button-icon-color-2: var(--primary-color);
	/* HOVER */
	--button-bg-2-hover: var(--secondary-color);
	--button-border-color-2-hover: var(--secondary-color);
	--button-text-color-2-hover: var(--pk-text-color);
	--button-icon-bg-2-hover: var(--secondary-color);
	--button-icon-color-2-hover: var(--primary-color);
}

:root {
	--pk-button-padding-block: max(0.625rem, calc(0.75 * var(--su)));
	--pk-button-padding-inline: max(1.25rem, calc(1.5 * var(--su)));
	--pk-button-border-radius: max(0.5rem, calc(0.5 * var(--su)));
	--pk-button-font-size: max(1rem, calc(1.125 * var(--su)));
}

button {
  	font-family: var(--pk-text-font-family);
}

.pk-module.pk-button-group {
	margin-top: max(0.625rem, calc(0.625 * var(--su)));
}

.pk-button-group .pk-button {
    background-color: var(--button-bg-1);
    border: 1px solid var(--button-border-color-1);
    color: var(--button-text-color-1);
	font-size: var(--pk-button-font-size);
    text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	padding-block: var(--pk-button-padding-block);
	padding-inline: var(--pk-button-padding-inline);
	border-radius: var(--pk-button-border-radius);
}
.pk-button-group .pk-button:nth-child(2) {
	background-color: var(--button-bg-2);
    border: 1px solid var(--button-border-color-2);
    color: var(--button-text-color-2);
}


[data-text-wrapper] {
	position: relative;
	display: block;
	line-height: 1.4;
	margin-block: -0.2em;
}

[data-text-wrapper] *,
[data-text-original],
[data-text-double] {
	vertical-align: top;
}

[data-text-original] {
	display: block;
}

[data-text-double] {
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
}