Golden Hour
Gradient · .btn-golden-hour
Text
Class name
Color hue
Radius · 12px
Size
.btn-golden-hour {
display: inline-block;
padding: 13px 28px;
border: none;
border-radius: 12px;
background: linear-gradient(135deg, #fbbf24, #ef4444);
color: #ffffff;
font-family: inherit;
font-size: 15px;
font-weight: 700;
text-shadow: 0 1px 2px rgba(120, 53, 15, 0.3);
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn-golden-hour:hover {
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(239, 68, 68, 0.4);
}
.btn-golden-hour:active {
transform: translateY(0);
}