.card-twitter {
    border-radius: 10px;
    background-color: var(--blue10);
    display: flex;
    flex-direction: column;
    aspect-ratio: 310/413;
    padding: 5%;
}

@media(min-width: 992px) {
    .card-twitter {
        padding: 32px;
    }
}

.card-twitter__date {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2857142857;
    letter-spacing: .09em;
    color: var(--blue50);
}

.card-twitter__text {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: var(--blue100);
    margin: 1em 0 1em;
}

.card-twitter__text a { color: var(--green100); text-decoration: none;}
.card-twitter__text a:hover { text-decoration: underline;}

.card-twitter__row {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.card-twitter__icon,
.card-twitter__link {
    color: var(--green100);
}

.card-twitter__icon {
    flex: 0 0 43px;
}

.card-twitter__link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .09em;
}

.card-twitter__link svg { 
    flex: 0 0 16px; 
    margin: 0 0 0 15px; 
    transition: transform 250ms;
}
.card-twitter__link:hover { text-decoration: underline; }
.card-twitter__link:hover svg {
    transform: translate(4px, -4px);
}