.wp-block-file {
    margin-bottom: 0;
}

.wp-block-file:not([data-wp-interactive]) {
    width: fit-content;
    swidth: 100%;
    border-radius: 2rem;
    padding-left: 1rem;
    background-color: var(--color-grey-50);
    padding: 0.5rem;
    padding-left: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wp-block-file * {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-s);
    line-height: 1;
    text-decoration: none;
}

.wp-block-file[d] {
    flex-wrap: wrap;
}

:where(.wp-block-file__button) {
    border-radius: 2em;
    display: inline-block;
    padding: 0.5em 1em;
    background: var(--color-red);
    color: var(--color-white);
}
.wp-block-file__button:hover {
    opacity: 1;
    background: var(--color-red-600);
}
.wp-block-file .wp-element-button {
    font-size: var(--font-size-s);
    text-decoration: none;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.wp-block-file .wp-element-button::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url("../../images/icons/icon--download.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.wp-block-file:not(.wp-element-button) {
    font-size: 1rem;
}

.wp-block-file[data-wp-interactive] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s);
}

.wp-block-file[data-wp-interactive] .wp-element-button {
    width: fit-content;
    margin-left: 0;
}