Как сделать фон прозрачным в css?

В общем, у меня есть кнопка.
В чем проблема - мне нужно, чтобы background-color был прозрачным, но если я пишу свойство "opacity 0.3", то прозрачность применяется и к самому тексту. То бишь, на кнопке написано "начать", и она становится прозрачной, и задний фон кнопки. Подскажите, пожалуйста. что делать в таком случае? Мне нужно, чтобы background был прозрачным, но никак не текст.
Вот сам css код:
#but:hоver {
background-color: #ff2851;
font-size: 37px;
border-radius: 100px;
transition: All 0.5s ease;
opacity: .3;
}