Files
blog/public/css/layout/modules/buttons.css
2025-07-16 16:30:56 +00:00

38 lines
960 B
CSS

p a.button {
margin-bottom: 0 !important;
padding: 8px 12px !important;
}
a.button {
background-color: var(--second-background-color) !important;
border-radius: $redefine-border-radius-medium !important;
cursor: pointer;
display: inline-block;
padding: 12px 16px !important;
text-align: center;
text-decoration: none !important;
box-shadow: var(--redefine-box-shadow-flat) !important;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
a.button:hover,
a.button:focus {
box-shadow: var(--redefine-box-shadow) !important;
background-color: var(--background-color) !important;
}
a.button:active {
transform: scale(0.95);
transition: transform 0.1s ease;
box-shadow: var(--redefine-box-shadow-flat) !important;
background-color: var(--third-background-color) !important;
}
a.center {
display: block;
margin: 1rem auto;
}
a.large {
font-size: 1.2rem;
padding: 20px 24px;
}