.optib-skins-thumb-list-light .p-post--list:hover {
background: #eee;
} .optib-skins-thumb-list-light .p-post--list {
border-bottom: dotted 1px #c3c3c3;
} .optib-skins-thumb-list-light .p-post--list .p-post__meta-item--date {
border-left: solid 3px #c3c3c3;
background: #eee;
} .optib-skins-thumb-list-light .p-post--list .p-post__meta-item--cat a {
background: var(--color-primary);
color: #fff;
} .optib-skins-thumb-list-light .p-post--list .p-post__meta-item--cat a:hover {
background: color-mix(in srgb, var(--color-primary) 80%, black);
color: #fff;
} .optib-skins-thumb-list-light .p-post--list .c-btn--outline-primary {
border: solid 1px var(--color-primary);
background-color: transparent;
color: var(--color-primary);
}
.optib-skins-thumb-list-light .p-post--list:hover .c-btn--outline-primary,
.optib-skins-thumb-list-light .p-post--list .c-btn--outline-primary:hover {
background-color: var(--color-primary);
color: #fff;
font-weight: bold;
} .optib-skins-thumb-list-light .p-post--list:has(.p-post__title a:focus-visible),
.optib-skins-thumb-list-light .p-post--list:has(.p-post__more:focus-visible) {
background: #eee;
} .optib-skins-thumb-list-light .p-post--list:has(.p-post__title a:focus-visible) .c-btn--outline-primary,
.optib-skins-thumb-list-light .p-post--list:has(.p-post__more:focus-visible) .c-btn--outline-primary {
background-color: var(--color-primary);
color: #fff;
font-weight: bold;
}