/**
 * MDH Custom Fields - Frontend Styles
 * Version: 1.5.1
 */
.mdh-story-share-container {
    margin: 40px 0 !important; 
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}

.mdh-story-share-title {
    margin-bottom: 15px !important; 
    font-size: 16px !important;
    color: inherit;
    font-weight: bold !important;
    display: block !important;
}

button.mdh-share-story-btn,
.mdh-story-share-container .mdh-share-story-btn {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; 
    color: #ffffff !important; 
    padding: 12px 24px !important; 
    border: none !important; 
    border-radius: 8px !important; 
    cursor: pointer !important; 
    font-weight: bold !important; 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    gap: 10px !important; 
    font-size: 15px !important; 
    box-shadow: 0 4px 10px rgba(220,39,67,0.3) !important; 
    transition: transform 0.2s !important;
    text-decoration: none !important;
    line-height: 1 !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.mdh-story-share-container .mdh-share-story-btn:hover {
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

.mdh-story-share-container .mdh-share-story-btn svg {
    stroke: currentColor !important;
    fill: none !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    display: block !important;
}