<div style={{
  width: '100%',
  maxHeight: '140px',
  backgroundColor: '#2b5c73',
  padding: '20px',
  display: 'flex',
  flexDirection: 'column',
  justifyContent: 'flex-start',
  alignItems: 'flex-start',
  gap: '4px',
  borderRadius: '8px',
  marginTop: '20px'
}}>
  <p style={{
    color: '#bd9d52',
    fontSize: '24px',
    textAlign: 'left',
    margin: 0,
    fontWeight: '700'
  }}>
    Trött på skiten?
  </p>
   <p style={{
    color: '#bd9d52',
    fontSize: '16px',
    textAlign: 'left',
    margin: 0,
    fontWeight: '500'
  }}>
    Redo att ta ner skylten för gott?
  </p>
     <p style={{
    color: '#bd9d52',
    fontSize: '16px',
    textAlign: 'center',
    margin: 0,
    fontWeight: '500'
  }}>
    Vi fattar. Ta en fredagsdrink så löser det sig nog.
  </p>
  <a 
    href="https://fredagsdrinken.klatter.se" 
    target="_blank"
    rel="noopener noreferrer"
    style={{
      color: '#cdb677',
      fontSize: '14px',
      textDecoration: 'none',
      fontWeight: 'bold'
    }}
  >
    fredagsdrinken.klatter.se →
  </a>
</div>