.my-custom-editor,
.my-editor-preview {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 2rem;
}

    .my-custom-editor .my-editor-buttons {
        margin: 1rem auto;
    }

        .my-custom-editor .my-editor-buttons .my-custom-btn {
            border: 1px solid rgb(169, 169, 169);
            padding: 0.5rem;
            color: #50d5cd;
            margin-right: 0.7rem;
            cursor: pointer;
            display: inline;
            width: auto;
        }

            .my-custom-editor .my-editor-buttons .my-custom-btn:hover,
            .my-custom-editor .my-editor-buttons .my-custom-btn:active,
            .my-custom-editor .my-editor-buttons .my-custom-btn:focus {
                text-decoration: none;
                background-color: #50d5cd;
                color: #fff;
            }

            .my-custom-editor .my-editor-buttons .my-custom-btn i {
                cursor: pointer;
            }

div.center {
    text-align: center;
}

div.left {
    text-align: left;
}

div.right {
    text-align: right;
}

div.justify {
    text-align: justify;
}