47 lines
1.1 KiB
CSS
47 lines
1.1 KiB
CSS
.wrapper {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: clamp(var(--spacing-md, 12px), 4.815vw, var(--spacing-26, 26px));
|
|
width: 100%;
|
|
padding: 0 clamp(var(--spacing-sm, 8px), 2.963vw, var(--spacing-lg, 16px));
|
|
z-index: 2;
|
|
}
|
|
|
|
.facebookButton {
|
|
width: 100%;
|
|
max-width: 480px;
|
|
min-height: var(--responsive-control-height, 48px);
|
|
padding: 0 clamp(var(--spacing-lg, 16px), 5.556vw, 30px);
|
|
border: 0;
|
|
border-radius: var(--radius-full, 999px);
|
|
/* 渐变色引用 tokens/colors.css 中定义的 token */
|
|
background: linear-gradient(
|
|
to right,
|
|
var(--color-button-gradient-start),
|
|
var(--color-button-gradient-end)
|
|
);
|
|
color: #ffffff;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
font-style: italic;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex: 1 1 auto;
|
|
box-shadow: 0 0 10px rgba(248, 89, 168, 0.3);
|
|
}
|
|
|
|
.facebookButton:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.facebookLabel {
|
|
font-size: var(--responsive-section-title, var(--font-size-xxl));
|
|
font-weight: 700;
|
|
color: #ffffff;
|
|
white-space: nowrap;
|
|
}
|