:root {
--key-color:#666;
} :where(.link-card__thumbnail):empty {
background-image: url(https://pensaruto.com/wp-content/themes/sitegg-child/img/thumbnail.webp);
} header {
color: #fff;
background: var(--key-color);
font-weight: bold;
font-size: 20px;
} .responsive-pc {
display: block;
}
.responsive-mobile {
display: none;
}
@media screen and (max-width: 480px) {
.responsive-pc {
display: none; 
}
.responsive-mobile {
display: block;
}
} .copy-box {
padding:30px;
box-shadow:var(--shadow);
border: 1px solid var(--border-color);
border-radius:8px;
text-align:center;
}
.copy-box .copyButton {
border-radius: 5px;
} figcaption div > a {
color: inherit;
text-decoration: underline dotted;
} figcaption > div:has(a) {
color: #fff;
background: #555a;
padding: 0 0.6em;
margin: 0 0 0 auto;
width: fit-content;
}
figcaption:has(div > a) {
position: relative;
bottom: 2em;
} .wp-block-button,
.af-link-button {
position: relative;
}
.wp-block-button__link,
.af-link-button a {
font-size: 18px;
font-weight: bold;
text-decoration: inherit;
color: #fff;
background: #078;
border-radius: 100px;
box-shadow: var(--shadow);
padding: 14px 20px;
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-button__link::after,
.af-link-button a::after {
content: "〉";
right: 10px;
position: absolute;
}
.wp-block-button__link:hover,
.af-link-button a:hover {
color: #fff;
}