@import url('https://fonts.googleapis.com/css2?family=Josefin+Slab:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');

        .ad-container {
            width: 500px;
            height: 80px;
            background-color: #f5f5f5;
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            font-family: Arial, sans-serif;
            position: relative;
        }

        .ad-logo {
            width: 50px;
            height: 50px;
            margin-right: 10px;
        }

        .ad-text {
            color: #000;
            flex: 1;
            font-size: 14px;
            font-family: "Josefin Slab", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
        }

        .ad-footer {
            font-size: 12px;
            position: absolute;
            bottom: 5px;
            right: 5px;
            font-family: "Berkshire Swash", serif;
  font-weight: 400;
  font-style: normal;
        }