A propriedade box-shadow não está retornando o estilo esperado

Front-end CSS
#1

Eu estava desenvolvendo o design pelo figma e no momento de passar o código CSS que é gerado automaticamente para a minha aplicação, eu tive problemas com o atributo box-shadow.
A sombra não está sendo interpretada da maneira correta, e o botão ficou deformado. Eu já testei em vários navegadores e o resultado é o mesmo.

expectativa-realidade
expectativa-realidade.png867×310 29 KB 

    .btnLogin {
    	position: absolute;
    	width: 199.96px;
    	height: 56.81px;
    	left: 529.21px;
    	top: 578.2px;
    	background: #FF00E5;
    	box-shadow: 0px 4.54444px 4.54444px rgba(0, 194, 255, 0.38);
    	border-radius: 45.4444px;
    }

no arquivo xhtml:
<h:commandButton action="#{loginBean.login.logar}" styleClass="btnLogin" > </h:commandButton>

#2

Eu testei aqui e adicionei a propriedade: border:none; no css. O resultado foi esse:

20200516_145715
20200516_145715.jpg720×433 14.8 KB

1 curtida
#3

obrigado. :smile:

#4

De nada. Era porque o elemento que você criou vinha com uma borda padrão, só para esclarecer mesmo. rsrsrrs