<a href="https://superdevresources.com/css-button-glow-effect//" class="button glow-button" target="_blank">Glow Button</a>
body {
background: #1d1f20;
text-align: center;
padding: 60px;
font-family: sans-serif;
}
.button {
text-decoration: none;
color: rgba(255, 255, 255, 0.8);
background: rgb(145, 92, 182);
padding: 15px 40px;
border-radius: 4px;
font-weight: normal;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
}
.glow-button:hover {
color: rgba(255, 255, 255, 1);
box-shadow: 0 5px 15px rgba(145, 92, 182, .4);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.