.cta-flag{  --h: 56px;  --tip: 44px;  --bg: #f7b500;  --c1:#d39a0b;  --c2:#9a6f07;  --text:#0e0e0e; position: relative; display: inline-flex; align-items: center; height: var(--h); padding: 0 calc(22px + var(--tip)) 0 24px;  background: var(--bg); color: var(--text); font-weight: 800; text-transform: uppercase; text-decoration: none; border-radius: 10px;  box-shadow: 0 6px 16px rgba(0,0,0,.35); line-height: 1.1; }  .cta-flag::after{ content:""; position:absolute; top:0; right: calc(-1 * var(--tip)); width:0; height:0; border-top: calc(var(--h) / 2) solid transparent; border-bottom: calc(var(--h) / 2) solid transparent; border-left: var(--tip) solid var(--bg); }  .cta-flag .chev{ position:absolute; top:0; width:0; height:0; border-top: calc(var(--h) / 2) solid transparent; border-bottom: calc(var(--h) / 2) solid transparent; pointer-events:none; }  .cta-flag .chev-2{ right: calc(var(--tip) + 12px); border-left: var(--tip) solid var(--c2); opacity: .9; }  .cta-flag .chev-1{ right: calc(var(--tip) - 10px); border-left: var(--tip) solid var(--c1); opacity: .96; }  .cta-flag:hover{ transform: translateY(-1px); filter: brightness(1.04); transition:.18s; }