.card-note{width:200px;height:auto;display:flex;flex-direction:column;gap:10px;border-radius:10px;border:1px solid #80808076;padding:10px;text-decoration:none;color:#fff}.title-card-note{color:#ddd}.subtitle-card-note{color:#aaa}.btns-card{width:100%;display:flex;justify-content:space-between;align-items:center}.link-card{text-decoration:none;color:#fff;font-weight:500;transition:color .5s}.link-card:hover{color:#3fb950;transition:color .5s}.btn-delete-note{padding:10px;color:#fa5e55;background-color:#161616;border:1px solid transparent;font-size:16px;font-weight:500;border-radius:5px;cursor:pointer;transition:border .5s}.btn-delete-note:hover{border-color:#b62324;transition:border .5s}@media (max-width:425px){.card-note{width:100%}}.section-main-chats{width:100%;height:100vh;position:relative;z-index:99}.section-chats{width:70%;height:100%;overflow-y:auto;margin:auto;padding:70px 10px 10px;display:flex;align-items:center;flex-direction:column;gap:10px;position:relative;z-index:99}.title-chats{text-align:center;color:#eee;font-size:30px;padding-bottom:16px}.container-chats{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}.title-sin-chats{font-weight:500;font-size:20px;color:#fff}.link-create-chat{color:#ddd;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:.5s}.link-create-chat:hover{transition:.5s;border-color:#39d353}@media (max-width:768px){.section-chats{width:100%}.container-chats{gap:10px}}.box-gradient{position:absolute;z-index:1;width:100%;height:100%;opacity:.3;filter:blur(10px);background:#39d353;background:radial-gradient(circle farthest-side at bottom right,#39d353 0,transparent 40%);background:-moz-radial-gradient(circle farthest-side at bottom right,#39d353 0,transparent 40%)}