.ogeeat-share {
margin: 1.5em 0;
padding: 16px 20px;
background: #f8f9fa;
border: 1px solid #e2e4e7;
border-radius: 8px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
}
.ogeeat-share__label {
display: block;
font-size: 13px;
font-weight: 600;
color: #50575e;
text-transform: uppercase;
letter-spacing: 0.4px;
margin-bottom: 12px;
}
.ogeeat-share__buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ogeeat-share__btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
background: #fff;
border: 1px solid #dcdde1;
border-radius: 6px;
color: #1d2327;
text-decoration: none;
font-size: 13px;
font-weight: 500;
line-height: 1;
transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.ogeeat-share__btn:hover,
.ogeeat-share__btn:focus {
background: #f0f0f1;
border-color: #949ca5;
color: #1d2327;
text-decoration: none;
outline: none;
} .ogeeat-share__btn--chatgpt:hover {
border-color: #10a37f;
color: #10a37f;
}
.ogeeat-share__btn--perplexity:hover {
border-color: #20808d;
color: #20808d;
}
.ogeeat-share__btn--gemini:hover {
border-color: #8e75b2;
color: #8e75b2;
}
.ogeeat-share__btn--claude:hover {
border-color: #d97757;
color: #d97757;
}
.ogeeat-share__btn--mistral:hover {
border-color: #f7a832;
color: #f7a832;
}
.ogeeat-share__btn--grok:hover {
border-color: #000000;
color: #000000;
}
.ogeeat-share__icon {
width: 18px;
height: 18px;
flex-shrink: 0;
}
.ogeeat-share__name {
white-space: nowrap;
} .ogeeat-share--stacked .ogeeat-share__buttons {
flex-direction: column;
}
.ogeeat-share--stacked .ogeeat-share__btn {
justify-content: center;
} @media (max-width: 600px) {
.ogeeat-share {
padding: 12px 14px;
}
.ogeeat-share__buttons {
gap: 6px;
}
.ogeeat-share__btn {
padding: 8px 10px;
font-size: 12px;
}
.ogeeat-share__name {
display: none;
}
.ogeeat-share__btn {
padding: 10px;
}
}