.mi-cinta-wrapper { position: absolute; top: -8px; left: -8px; width: 140px; height: 140px; overflow: hidden; z-index: 99; pointer-events: none; } .mi-cinta-wrapper::before { content: ""; position: absolute; top: 0; right: 0; border-bottom: 8px solid #4a6309; border-right: 8px solid transparent; z-index: 1; } .mi-cinta-wrapper::after { content: ""; position: absolute; bottom: 0; left: 0; border-right: 8px solid #4a6309; border-bottom: 8px solid transparent; z-index: 1; } .mi-texto-cinta { display: block; position: absolute; width: 210px; padding: 8px 0; background-color: var(--gcid-secondary-color, #8cba11); color: #ffffff !important; font-weight: bold; font-size: 14px; text-align: center; transform: rotate(-45deg); top: 25px; left: -48px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 2; pointer-events: auto; text-transform: uppercase; } .mi-texto-cinta a { color: #ffffff !important; text-decoration: none !important; }