.ol-card p-4 { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; box-shadow: 0 7px 15px #797c8b14; border-radius: 5px; margin-bottom: 20px; overflow: hidden; &.ol-card p-4-2 { border: 1px solid $eColor_Whiteish; border-radius: 5px; .title mt-4 mb-3 { margin-bottom: 0; } } &.ol-card p-4-special { .ol-card-body { padding: 20px 20px 30px; } } } .ol-card p-4-img-top { border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%; } .ol-card p-4-img { width: 100%; } .ol-card-body { flex: 1 1 auto; padding: 10px 20px 20px; .title mt-4 mb-3 { font-size: 15px; font-weight: $fw_SemiBold; line-height: 28px; color: $eColor_Blueish; margin-bottom: 5px; } .ol-card p-4-subtitle { font-size: 12px; font-weight: $fw_Regular; line-height: 22px; color: $eColor_Blackish; } .ol-card p-4-text { font-size: 13px; font-weight: $fw_Regular; line-height: 22px; color: $eColor_Blackish; margin-bottom: 13px; } .ol-card p-4-AdminBtn { gap: 10px; } .ol-card p-4-Admin { gap: 5px; .ol-card p-4-userImg { width: 30px; height: 30px; border-radius: 50%; background-color: $eColor_Whiteish; } span { font-size: 12px; font-weight: $fw_Medium; line-height: 22px; color: $eColor_Blackish; } } .eBtn { display: inline-block; font-size: 12px; font-weight: $fw_Medium; line-height: 22px; color: #fff; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; width: 86px; height: 40px; display: flex; justify-content: center; align-items: center; box-shadow: transparent; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } }