.my-custom-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  background-color: #0A3146; /* Change this to the desired background color */
  color: white; /* Change text color if needed */
  padding: 10px 20px 10px 20px !important;
  border-radius: 5px;
}

.my-button-icon {
  display: flex; /* Ensures that the icon stays aligned with the text */
  align-items: center; /* Centers the icon vertically */
}

.my-button-icon svg {
  fill: #fff; /* Change this to the desired color for the SVG icon */
  height: var(--icon-size, 25px) !important;
  width: var(--icon-size, 25px) !important;
}

.my-button-text {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center; /* Centers the text vertically */
  margin-left:10px;
}


.my-custom-button:hover .my-button-text {
text-decoration: underline;
}

.my-button-info {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    display: flex;
    align-items: center;/* Centers the text vertically */
    
    margin-left: 10px;
}


.my-button-file{
    font-size: 10px; /* Adjust file name size */
    color: #fff; /* color */
    position: absolute; /* Absolute positioning */
    bottom: 5px; /* Position at the bottom */
    /*padding-left:35px;*/
    border:red solid 1px;
    min-height:10px;
    min-width:10px;
}
.fileName{
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  text-align: center;
  font-size: 0.9em; /* Ajustez selon vos besoins */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
      border-radius: 2px;
    background-color:#ffffff59;
    opacity: 0;
    font-size: 10px; /* Adjust file name size */
}

.fileName .name {
  color: #000;
  padding: 1px 4px;

}










.buttonlogo {
    display: flex;
    /*border:dashed red 1px;
    position: absolute; */
    right: 10px; 
    top: 50%; 
    /*transform: translateY(-50%);*/
    max-width:300px;
    margin-left:10px;
    
}

.buttonlogo img {
    height: auto;
}

.pdf-navigation {
    margin-top: 10px;
    text-align: center;
}

.pdf-navigation button {
    margin: 0 5px;
    padding: 5px 10px;
    cursor: pointer;
}

.pdf-preview {
    text-align: center;
    margin-top: 10px;
}


@font-face {
    font-family: 'CustomIcons';
    src: url('../icons/my-custom-icon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.elementor-element .icon .myicon-custom-minimal:before {
    content: "";
    background-image: url(../icons/icon.png);
    height: 30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border:dashed red 1px;
    
   /* content: url('../icons/my-custom-icon.svg'); */
}