Example : This is a code box message test here which is awesome box (code-box)
after typing shortcode in brackets. It's Done You have successfully added the code box message shortcode. (alert-error)
.rtl #original-menu ul>li.sub-tab>a:after,.rtl #original-menu ul>li.sub-has>a:after{margin: 0 5px;}
#original-menu ul>li.sub-tab>a:hover:after,#original-menu ul>li.sub-has>a:hover:after{transform:rotate(180deg);transition:0.31s;}
#original-menu ul>li>ul>li.sub-tab>a:after{content:'\F285';float:right;margin:0}
#original-menu ul>li:hover>ul,#original-menu ul>li>ul>li:hover>ul{visibility:visible;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(0);transform:translate(0)}
#original-menu ul ul{transition:all .35s ease}
.loading-icon{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.Pro-box .loading-icon{height:185px}
.search-section .loading-icon{margin: 15px 0;}
.loading-icon:after{content:"";width:40px;height:40px;border-radius:50%;border:2px solid var(--main-text-color);border-right:2px solid #c1c1c1;display:inline-block;animation:runload 0.6s infinite}
@-webkit-keyframes runload{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes runload{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
} (code-box)