/***************************************************************************
* Links
****************************************************************************/
a, a:visited {
    color: inherit;
    transition: color .25s ease;
}
a:hover, a:focus {
    color: inherit;
}

a:focus {
    outline: 0.125rem solid rgba(0,0,0,0.1);
}

a > * {
    pointer-events: none;
}

p a {
	text-decoration: underline;
}

/***************************************************************************
* Buttons
****************************************************************************/
.button, .button:visited {
    padding: 0.625rem 1.5rem;
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 600;
    color: inherit;
    border: var(--typo-border-width) solid currentColor;
}

.button:hover,
.button:focus {
    background-color: var(--typo-color-text);
    border-color: var(--typo-color-text);
    color: #FFFFFF;
}


/***************************************************************************
* Button Arrow
****************************************************************************/
.button.arrow {
    color: transparent;
    font-size: 1.5em;
    width: 1.5em; height: 1.5em;
    border: none; overflow: hidden;
    /*background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm393 17l17-17-17-17-88-88-17-17L254.1 168l17 17 47 47L136 232l-24 0 0 48 24 0 182.1 0-47 47-17 17L288 377.9l17-17 88-88z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%;*/
    background-color: var(--typo-category-color);
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg style="fill:currentColor;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm393 17l17-17-17-17-88-88-17-17L254.1 168l17 17 47 47L136 232l-24 0 0 48 24 0 182.1 0-47 47-17 17L288 377.9l17-17 88-88z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg style="fill:currentColor;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm393 17l17-17-17-17-88-88-17-17L254.1 168l17 17 47 47L136 232l-24 0 0 48 24 0 182.1 0-47 47-17 17L288 377.9l17-17 88-88z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    padding: 0;
}

[class*="_bg"] .button.arrow {
    --typo-category-color: #FFFFFF;
}

.item_inner:has(.button-group.bottom_right > .button.arrow) {
    position: relative;
    padding-bottom: 2em;
}
.item_inner:has(.button-group.bottom_right > .button.arrow) .button-group {
    position: absolute;
    bottom: var(--typo-gap); right: var(--typo-gap);
}