.coverLetterGeneratorBanner{cursor:pointer;background:#159aaf;border-radius:16px;width:100%;height:156px;position:relative;overflow:hidden;container-type:inline-size}@media (max-width:1280px){.coverLetterGeneratorBanner{height:140px}}@media (max-width:1024px){.coverLetterGeneratorBanner{height:128px}}@media (max-width:768px){.coverLetterGeneratorBanner{border-radius:12px;align-items:flex-start;height:auto;min-height:100px;padding:12px;display:flex}}.coverLetterGeneratorBanner.coverLetterGeneratorBanner--compact{border-radius:12px;align-items:flex-start;height:auto;min-height:100px;padding:12px;display:flex}.coverLetterGeneratorBanner__text-group{display:contents}@media (max-width:768px){.coverLetterGeneratorBanner__text-group{flex-direction:column;justify-content:space-between;gap:4px;display:flex}}.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__text-group{flex-direction:column;justify-content:space-between;gap:4px;display:flex}.coverLetterGeneratorBanner__content{z-index:2;flex-direction:column;align-items:flex-start;gap:8px;max-width:45%;display:flex;position:absolute;top:20px;left:20px}@media (max-width:1280px){.coverLetterGeneratorBanner__content{max-width:48%}}@media (max-width:1024px){.coverLetterGeneratorBanner__content{max-width:50%;top:14px;left:14px}}@media (max-width:768px){.coverLetterGeneratorBanner__content{flex-direction:row;align-items:flex-start;gap:9px;width:100%;max-width:none;position:static}}.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__content{flex-direction:row;align-items:flex-start;gap:9px;width:100%;max-width:none;position:static}.coverLetterGeneratorBanner__title{color:#fff;margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:normal}@media (max-width:1024px){.coverLetterGeneratorBanner__title{font-size:14px}}@media (max-width:768px){.coverLetterGeneratorBanner__title{letter-spacing:.2px;font-size:14px;font-weight:600}}@media (max-width:640px){.coverLetterGeneratorBanner__title{font-size:13px}}.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__title{letter-spacing:.2px;font-size:14px;font-weight:600}.coverLetterGeneratorBanner__subtitle{color:#fff;margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:normal}@media (max-width:1024px){.coverLetterGeneratorBanner__subtitle{font-size:12px}}@media (max-width:768px){.coverLetterGeneratorBanner__subtitle{letter-spacing:-.2px;font-size:12px}}.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__subtitle{letter-spacing:-.2px;font-size:12px}.coverLetterGeneratorBanner__btn{color:#159aaf;white-space:nowrap;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;line-height:normal;transition:all .2s;display:flex;box-shadow:0 4px 16px #8e7bff40}.coverLetterGeneratorBanner__btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8e7bff59}.coverLetterGeneratorBanner__btn:active{transform:translateY(0)}@media (max-width:1024px){.coverLetterGeneratorBanner__btn{padding:6px 12px;font-size:12px}}@media (max-width:768px){.coverLetterGeneratorBanner__btn{flex-shrink:0;padding:8px 16px;font-size:14px}}.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__btn{flex-shrink:0;padding:8px 16px;font-size:14px}@media (max-width:768px){.coverLetterGeneratorBanner__btn-full{display:none}}.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__btn-full,.coverLetterGeneratorBanner__btn-short{display:none}@media (max-width:768px){.coverLetterGeneratorBanner__btn-short{display:inline}}.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__btn-short{display:inline}.coverLetterGeneratorBanner__stars{align-items:center;gap:6px;display:flex}@media (max-width:768px){.coverLetterGeneratorBanner__stars{display:none}}.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__stars{display:none}.coverLetterGeneratorBanner__star-icons{align-items:center;gap:0;display:flex}.coverLetterGeneratorBanner__star-icons img{width:14px;height:14px}.coverLetterGeneratorBanner__stars-text{color:#fff;font-family:Inter,sans-serif;font-size:11px;font-weight:400;line-height:normal}@media (max-width:640px){.coverLetterGeneratorBanner__stars-text{font-size:10px}}.coverLetterGeneratorBanner__image{pointer-events:none;z-index:1;height:85%;position:absolute;top:80%;right:20%;transform:translateY(-50%)scale(1.3)}.coverLetterGeneratorBanner__image img{object-fit:contain;width:auto;height:100%}@media (max-width:1280px){.coverLetterGeneratorBanner__image{height:80%;right:160px}}@media (max-width:1024px){.coverLetterGeneratorBanner__image{height:75%;right:60px}}@media (max-width:768px){.coverLetterGeneratorBanner__image{width:auto;height:65px;top:auto;bottom:-20px;right:0;transform:scale(1)}}.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__image{width:auto;height:65px;top:auto;bottom:-20px;right:0;transform:scale(1)}@container (max-width:900px){.coverLetterGeneratorBanner .coverLetterGeneratorBanner__content{gap:6px;max-width:64%}.coverLetterGeneratorBanner .coverLetterGeneratorBanner__title{font-size:14px}.coverLetterGeneratorBanner .coverLetterGeneratorBanner__subtitle{font-size:12px}.coverLetterGeneratorBanner .coverLetterGeneratorBanner__btn{padding:6px 12px;font-size:12px}.coverLetterGeneratorBanner .coverLetterGeneratorBanner__image{height:82%;bottom:-10px;right:0;scale:1}}@container (max-width:780px){.coverLetterGeneratorBanner .coverLetterGeneratorBanner__content{max-width:68%}.coverLetterGeneratorBanner .coverLetterGeneratorBanner__stars{gap:4px;display:flex}.coverLetterGeneratorBanner .coverLetterGeneratorBanner__stars-text{font-size:10px}}@container (max-width:700px){.coverLetterGeneratorBanner .coverLetterGeneratorBanner__stars{display:none}}.coverLetterGeneratorBanner.coverLetterGeneratorBanner--compact{align-items:stretch;min-height:100px;padding:12px 14px;display:flex;position:relative}.coverLetterGeneratorBanner.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__content{z-index:2;flex-direction:column;flex:auto;justify-content:center;align-items:stretch;gap:4px;min-width:0;max-width:none;padding-right:100px;display:flex;position:relative;inset:auto}.coverLetterGeneratorBanner.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.25;display:-webkit-box;overflow:hidden}.coverLetterGeneratorBanner.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.coverLetterGeneratorBanner.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__btn{z-index:3;white-space:nowrap;margin:0;padding:6px 12px;font-size:12px;position:absolute;top:0;right:0}.coverLetterGeneratorBanner.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__image{z-index:1;width:auto;height:50px;inset:auto 6px 0 auto;transform:scale(1)}.coverLetterGeneratorBanner.coverLetterGeneratorBanner--compact .coverLetterGeneratorBanner__stars{display:none}
