.wp-block-file {
transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
box-shadow: inset 0 0 0 2px var(--wp--preset--color--custom-m-rk-bl);
display: block;
align-items: center;
position: relative;
cursor: pointer;
padding: var(--);
a {
width: 100%;
height: 100%;
color: var(--wp--preset--color--custom-m-rk-bl);
text-decoration: none;
display: block;
font-size: var(--wp--preset--font-size--custom-10);
&::after {
content: '';
display: inline-block;
margin-left: 8px;
width: 28px;
height: 28px;
flex-shrink: 0;
float: right;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
}
&:hover {
background-color: #F6F3EE;
}
&:focus,
&:focus-visible {
outline: none;
background-color: var(--wp--preset--color--custom-m-rk-bl);
a {
color: #F6F3EE;
&::after {
background-image: url('data:image/svg+xml,');
}
}
}
&:active {
background-color: #C0CFDC !important;
a {
color: var(--wp--preset--color--custom-m-rk-bl);
&::after {
background-image: url('data:image/svg+xml,');
}
}
}
}