.custom-btn {
display: inline-block;
text-decoration: none;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 600;
border-radius: 50px;
padding: 14px 32px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
position: relative;
overflow: hidden;
}
.custom-btn i.icon {
margin-right: 8px;
} .custom-btn.btn-small {
padding: 8px 20px;
font-size: 0.9em;
}
.custom-btn.btn-medium {
padding: 14px 32px;
font-size: 1em;
}
.custom-btn.btn-large {
padding: 18px 40px;
font-size: 1.1em;
} .custom-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: left 0.5s ease;
}
.custom-btn:hover::before {
left: 100%;
} .custom-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
} @media (max-width: 768px) {
.custom-btn {
width: 100%;
text-align: center;
}
}