.blogelement .blogpost__card .card,.blog .blogpost__card .card{--bs-card-border-width: 0}.blogelement .blogpost__card .card-header,.blog .blogpost__card .card-header{position:relative;overflow:hidden}@supports (overflow: clip){.blogelement .blogpost__card .card-header,.blog .blogpost__card .card-header{overflow:clip}}.blogelement .blogpost__card .card-header .card-header-button,.blog .blogpost__card .card-header .card-header-button{position:absolute;bottom:0;left:0;right:0;height:auto;background-color:var(--clr-accent);text-align:center;padding:1rem;opacity:0;transition:var(--transition);color:var(--clr-primary);font-weight:bold}.blogelement .blogpost__card .card-header img,.blog .blogpost__card .card-header img{transition:var(--transition)}.blogelement .blogpost__card .card-body,.blog .blogpost__card .card-body{--gap: 1rem;margin-top:var(--gap);display:flex;flex-direction:column;gap:var(--gap)}.blogelement .blogpost__card .card:hover .card-header .card-header-button,.blog .blogpost__card .card:hover .card-header .card-header-button{opacity:1}.blogelement .blogpost__card .card:hover .card-header img,.blog .blogpost__card .card:hover .card-header img{transform:scale(1.05)}