.isekai-card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125); display: flex; align-items: center; justify-content: space-between; &:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; } .card-header-text { font-size: 1.25rem; } .card-header-extra { margin-left: auto; } } .card-title { margin: 1rem 0 0.75rem 1rem; } .card-body { flex: 1 1 auto; padding: 0.25rem; } .card-body-fluid { flex: 1 1 auto; padding: 0; } @media(max-width: 360px){ .card-header-text { font-size: 1rem; } } }