<a
      href='https://fredagsdrinken.klatter.se'
      target='_blank'
      rel='noopener noreferrer'
      style={{
        textDecoration: 'none',
      }}
    >
      <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',
        }}
      >
        <div
          style={{
            margin: 'auto',
            display: 'flex',
            flexDirection: 'column',
            justifyContent: 'flex-start',
            alignItems: 'flex-start',
            gap: '4px',
          }}
        >
          <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>
          <p
            style={{
              color: '#cdb677',
              fontSize: '14px',
              textDecoration: 'none',
              fontWeight: 'bold',
            }}
          >
            fredagsdrinken.klatter.se →
          </p>
        </div>
      </div>
    </a>