.writer__content-wrap>p,
.writer__content-wrap>ul>li,
.writer__content-wrap>ol>li,
.writer__content-wrap a {
    color: var(--text-color-dark);
}

.writer__details-card {
    background-color: var(--box-bg-color);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    color: var(--text-color-lightest);
}

.writer__logo {
    border-radius: 1.5rem;
    background: #fff;
}

.writer__name {
    color: var(--text-color-lightest);
}

.writer__role-title {
    color: var(--text-color-lightest);
}

.writer__social span {
    color: var(--text-color-lightest);
}

.writer__stats {
    color: var(--text-color-card);
    background: var(--card-bg-color);
    border-radius: 4px;
}

.writer__description-container p,
.writer__description-container li {
    color: var(--text-color-lightest);
}

.writer__expertise-wrap a {
    color: var(--text-color-lightest);
}

.writer__education-wrap:after,
.writer__expertise-wrap:after {
    content: "";
    background: var(--text-color-card);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.15;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    padding: 1rem;
    box-sizing: border-box;
}

.writer__highlight-title {
    color: var(--gray-50);
}

.writer__card-img a {
    border-radius: 4px;
}

.card__img.card__img--logo {
    background-color: #fff;
}

.writer__card-title {
    color: var(--text-color-dark);
    text-decoration: none;
}

.writer__post-date {
    color: var(--text-color-dark);
}

.writer__post-label {
    background-color: var(--card-bg-color);
    border-radius: var(--border-radius);
    color: var(--text-color-card);
}

.more-btn {
    color: var(--card-bg-color);
    text-decoration: none;
    border-radius: 1rem;
    border: none;
    background: var(--color-cta-btn-bg);
    box-shadow: var(--box-shadow), var(--box-shadow-button);
    cursor: pointer;
    transition: background-color 0.3s ease-in, opacity 0.3s ease-in, max-height 0.3s ease-in, color 0.3s ease-in, margin 0.3s ease-in;
    overflow-anchor: none;
}

.more-btn:hover,
.more-btn:focus {
    background: var(--color-cta-dark);
    box-shadow: var(--box-shadow-button-hover);
    text-decoration: none;
}