@import "styles/_mixins.scss";

.fzf {
    padding: 64px 16px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    &-content {
        flex: 1 1;
        .body1 {
            margin: 24px 0 40px;
            opacity: 0.6;
        }
    }

    &-image {
        flex: 1 1;
        border-radius: 8px;
        height: 328px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url("../../assets/backgrounds/404.svg"), var(--Purple-gradient);
        background-position: center, center;
        background-size: contain, contain;
        width: 100%;
        padding: 16px 16px;
    }
    @include w($md) {
        flex-direction: column-reverse;
        &-image {
            padding: 32px;
        }
        .button {
            width: 100%;
        }
    }
}

• [F] index.jsx
  Delete
• [F] styles.scss
  Delete