44 lines
978 B
CSS
44 lines
978 B
CSS
/* === MESSAGE FORM === */
|
|
.message-form {
|
|
display: flex;
|
|
align-items: center;
|
|
background: radial-gradient(ellipse at 30% 40%, #fff 0%, #f9ece9 60%, #f3d4cc 100%);
|
|
border-radius: 50px;
|
|
padding: 10px 10px 10px 24px;
|
|
box-shadow: 0 4px 24px rgba(200, 120, 100, 0.13);
|
|
gap: 12px;
|
|
}
|
|
|
|
.message-form input {
|
|
flex: 1;
|
|
border: none;
|
|
background: transparent;
|
|
outline: none;
|
|
font-size: 17px;
|
|
color: #c07070;
|
|
}
|
|
|
|
.message-form input::placeholder {
|
|
color: rgba(192, 112, 112, 0.35);
|
|
}
|
|
|
|
.message-form .send-btn {
|
|
width: 44px;
|
|
height: 44px;
|
|
border: none;
|
|
border-radius: 50%;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: transform 0.15s ease;
|
|
}
|
|
|
|
.message-form .send-btn svg {
|
|
width: 22px;
|
|
height: 22px;
|
|
}
|
|
|
|
.message-form .send-btn:hover { transform: scale(1.1); }
|
|
.message-form .send-btn:active { transform: scale(0.95); } |