.profile-header-right .change-cover-photo-actions,
.wpee-profile-header .change-cover-photo-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
justify-content: flex-end;
}
.profile-header-right .wpee-cover-photo-btn,
.wpee-profile-header .wpee-cover-photo-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 24px;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
border-radius: 6px;
border: 1px solid transparent;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
text-decoration: none !important;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
white-space: nowrap;
appearance: none;
-webkit-appearance: none;
font-family: inherit;
margin: 0;
}
.profile-header-right .wpee-cover-photo-btn i,
.wpee-profile-header .wpee-cover-photo-btn i {
font-size: 15px;
line-height: 1;
}
.profile-header-right .wpee-cover-photo-btn--edit,
.wpee-profile-header .wpee-cover-photo-btn--edit {
background-color: #fff;
color: #1d2327;
border-color: #fff;
}
.profile-header-right .wpee-cover-photo-btn--edit:hover,
.profile-header-right .wpee-cover-photo-btn--edit:focus,
.wpee-profile-header .wpee-cover-photo-btn--edit:hover,
.wpee-profile-header .wpee-cover-photo-btn--edit:focus {
background-color: #df1756;
color: #fff;
border-color: #df1756;
box-shadow: 0 4px 14px rgba(223, 23, 86, 0.25);
}
.profile-header-right .wpee-cover-photo-btn--remove,
.wpee-profile-header .wpee-cover-photo-btn--remove {
background-color: #fff;
color: #b32d2e;
border-color: rgba(179, 45, 46, 0.2);
}
.profile-header-right .wpee-cover-photo-btn--remove:hover,
.profile-header-right .wpee-cover-photo-btn--remove:focus,
.wpee-profile-header .wpee-cover-photo-btn--remove:hover,
.wpee-profile-header .wpee-cover-photo-btn--remove:focus {
background-color: #b32d2e;
color: #fff;
border-color: #b32d2e;
box-shadow: 0 4px 14px rgba(179, 45, 46, 0.25);
}
@media only screen and (max-width: 1024px) {
.profile-header-right .wpee-cover-photo-btn {
padding: 10px 20px;
}
}
@media only screen and (max-width: 991px) {
.profile-header-right .wpee-cover-photo-btn--edit {
background-color: #000;
color: #fff;
border: 1px solid #000;
}
.profile-header-right .wpee-cover-photo-btn--edit:hover,
.profile-header-right .wpee-cover-photo-btn--edit:focus {
background-color: #df1756;
color: #fff;
border-color: #df1756;
}
.profile-header-right .wpee-cover-photo-btn--remove {
background-color: #fff;
color: #b32d2e;
border: 1px solid rgba(179, 45, 46, 0.35);
}
}
@media only screen and (max-width: 767px) {
.profile-user-details .profile-header-right .change-cover-photo-actions {
width: 100%;
flex-direction: column;
align-items: stretch;
}
.profile-user-details .profile-header-right .wpee-cover-photo-btn {
width: 100%;
padding: 15px 20px !important;
justify-content: center;
}
}