.wc-block-editor-components-external-link-card {
display: flex;
flex-direction: row;
text-decoration: none;
margin: $gap-large 0;
color: inherit;
align-items: flex-start;
+ .wc-block-editor-components-external-link-card {
margin-top: -($gap-large - $gap);
}
&:last-child {
margin-bottom: 0;
.wc-block-editor-components-external-link-card__content {
flex: 1 1 0;
padding-right: $gap;
.wc-block-editor-components-external-link-card__title {
font-weight: 500;
display: block;
.wc-block-editor-components-external-link-card__description {
color: $gray-700;
@include font-size(small);
margin-top: 0.5em;
.wc-block-editor-components-external-link-card__icon {
flex: 0 0 24px;
margin: 0;
text-align: right;
vertical-align: top;
.wc-block-editor-components-external-link-card__warning {
color: #cc1818;
font-size: 0.875em;
column-gap: 4px;
svg {
width: 18px;
height: 18px;
min-width: 18px;