Template:CS button/styles.css: Difference between revisions

Content deleted Content added
No edit summary
No edit summary
Line 1:
.capsach-btn {
display:inline-block;
width:278px; /* default width; can be overriddenoverride via |width= */
max-width:100%; /* avoids overflow in tight containers */
padding:.2em 1.5em;
font-weight:600;
color:#202122;
background-color:#FEE330; /* flat color */
background-image:none; /* ensure no gradient */
border:none; /* remove border */
border-radius:9999px; /* round (pill) corners */
text-decoration:none; /* kill underline on links */
box-sizing:border-box;
text-align:center;
white-space:nowrap;
transition:background-color .15s, transform .05s;
cursor:pointer;
}
.capsach-btn:link,
.capsach-btn:visited { color:#202122; text-decoration:none; }
 
.capsach-btn:hover { background-color:#FFDD00; }
.capsach-btn:active { background-color:#F0C800; transform:translateY(1px); }
 
/* Mobile-only full-width variant (opt-in via class|mobile=full) */
@media (max-width:720px){
.capsach-btn--mobile { display:block; width:100% !important; }