six-dimension-aigc/src/pages/MainPage/MainArea/Antechamber/InvokeButton/index.module.less

49 lines
862 B
Plaintext

.wrapper {
width: 88px;
height: 88px;
background: linear-gradient(180deg, #64c7ff 0%, #0165ff 100%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 50%;
position: relative;
margin-top: auto;
margin-bottom: 80px;
}
.wrapper::before {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 26px;
height: 26px;
background: radial-gradient(farthest-corner at 100% 0%, #7bdcf0, #fff);
filter: blur(14px);
}
.wrapper::after {
position: absolute;
content: '';
left: 20%;
top: 0;
width: 26px;
height: 26px;
background: radial-gradient(farthest-corner at 100% 0%, #7bdcf0, #a4dbe6);
filter: blur(14px);
}
.text {
color: #fff;
font-weight: 500;
font-size: 13px;
}
.call {
width: 32px;
height: 32px;
object-fit: contain;
margin-bottom: 4px;
}