Ghost Accent
Outline & Ghost · .btn-ghost-accent
Text
Class name
Color hue
Radius · 10px
Size
.btn-ghost-accent {
display: inline-block;
padding: 12px 26px;
border: none;
border-radius: 10px;
background: transparent;
color: #818cf8;
font-family: inherit;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s ease;
}
.btn-ghost-accent:hover {
background: rgba(99, 102, 241, 0.14);
}
.btn-ghost-accent:active {
background: rgba(99, 102, 241, 0.22);
}