.dnd-container {
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    .dnd-trash {
        position: absolute;
        top: 5px;
        left: 0;
        z-index: 99;
        color: #e0e0e0;
        &:hover {
            color: #f44336;
        }
        &:focus {
            outline: none !important;
        }
        span {
            font-size: 18px;
        }
    }

    &:not(.no-trash) {
        .dnd-fields-wrapper {
            .components-panel__body-toggle {
                padding: 14px 10px 14px 35px;
            }
            button:focus {
                outline: none !important;
            }
        }
    }

    .dnd-fields-wrapper {
        .components-panel__body.is-opened {
            .components-panel__body-toggle {
                border-bottom: 1px solid #e0e0e0;
            }
        }
        .components-button {
            background-color: #ffffff;
            &:focus {
                outline: none !important;
            }
        }
    }

    .components-panel__body-toggle {
        &:focus {
            outline: none !important;
            box-shadow: none !important;
        }
    }

    .float-btn {
        background: none;
        border: none;
        position: absolute;
        top: 10px;
        right: 40px;
        z-index: 99;
        cursor: pointer;
        svg {
            width: 20px;
            height: 20px;
        }
        &:hover svg {
            fill: #068d1e;
        }
    }
}