I want to be able to set the margin top of this btn in the range of 500px to only 300px the current code is not working am not sure whether I can do this and my syntax is defiantly wrong

btn: {
      ['@media (max-width: 500px , min-width : 300)']: {
        marginTop: 50,
      },
    },