style(subscription-vip-offer-section): update colors and shadows for improved aesthetics
This commit is contained in:
@@ -1,9 +1,9 @@
|
|||||||
.section {
|
.section {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border: 1px solid rgba(246, 87, 160, 0.22);
|
border: 1px solid rgba(255, 71, 166, 0.28);
|
||||||
border-radius: 28px;
|
border-radius: 28px;
|
||||||
background: #f7dce7;
|
background: #ffe2f0;
|
||||||
box-shadow: 0 18px 45px rgba(246, 87, 160, 0.16);
|
box-shadow: 0 18px 45px rgba(255, 71, 166, 0.22);
|
||||||
backdrop-filter: blur(18px);
|
backdrop-filter: blur(18px);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -11,8 +11,8 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
padding: 18px 18px 22px;
|
padding: 18px 18px 22px;
|
||||||
background:
|
background:
|
||||||
linear-gradient(135deg, #f3cbd8 0%, #efbacd 58%, #eaa9c3 100%),
|
linear-gradient(135deg, #ff9bd1 0%, #ff61ad 56%, #f657a0 100%),
|
||||||
#efbacd;
|
#ff61ad;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
@@ -30,14 +30,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.renewText {
|
.renewText {
|
||||||
color: #9a707e;
|
color: rgba(255, 255, 255, 0.82);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subtitle {
|
.subtitle {
|
||||||
margin: 8px 0 0;
|
margin: 8px 0 0;
|
||||||
color: #6f5961;
|
color: rgba(255, 255, 255, 0.9);
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
@@ -49,7 +49,7 @@
|
|||||||
bottom: -12px;
|
bottom: -12px;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
background: #efbacd;
|
background: #ff61ad;
|
||||||
transform: translateX(-50%) rotate(45deg);
|
transform: translateX(-50%) rotate(45deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user