media query change button text

1<button type="button" class="btn btn-default btn-md btn-block">
2    <i class="fa fa-plus"></i>
3    <span class="button-text">Add New Item</span>
4</button>
5
6@media screen and (max-width: 300px) {
7    .button-text {
8        display: none;
9    }
10}