/* @group @variables */

[class*="m-related-book"] {
--head-3-font-size: .75rem;
--head-3-line-height: 1.5;
--head-3-text-align: center;
--head-3-word-break: keep-all;
--head-3-overflow-wrap: anywhere;
--head-3-color: inherit;
--link-color: var(--color-text);
--link-action-color: var(--color-link-action);
--link-active-color: var(--color-link-active);
}

/* @end @variables */

/* @group @m-related-book */

[class*="m-related-book"] {
position: relative;
display: grid;
justify-content: center;
align-items: start;
gap: 1.125rem;
padding: .75rem;
background-color: var(--background-color);
border-radius: .375rem;
}

[class*="a-related-book-calligraphy"] {
position: relative;
}

[class*="a-related-book-calligraphy"] {
height: 9rem;
}

[class*="a-related-book-calligraphy"] img {
position: absolute;
top: 0;
left: 50%;
display: grid;
width: auto;
height: inherit;
transform: translateX(-50%);
transition: transform var(--transition-time) 0s var(--transition-cubic-bezier);
}

a:hover [class*="a-related-book-calligraphy"] img,
a:focus [class*="a-related-book-calligraphy"] img {
transform: translateX(-50%) rotate(5deg);
}

[class*="a-related-book-title"] {
transition: color var(--transition-time) 0s var(--transition-cubic-bezier);
}

/* @end @m-related-book */