.custom-widget { display: flex; align-items: center; background-color: ; border-radius: ; padding: 10px; transition: all 0.2s ease; position: relative; } .custom-widget:hover { background-color: #fff; color: ; cursor: pointer; } .custom-widget:before { content: ""; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid ; opacity: 0; transition: all 0.2s ease; } .custom-widget:hover:before { bottom: -10px; opacity: 1; } .widget-icon { font-size: 25px; margin-right: 10px; } .widget-content { flex-grow: 1; } .widget-title { font-weight: bold; font-size: 16px; margin-bottom: 5px; } .widget-link { font-size: 14px; color: ; }
Retour en haut