@import '../styles/variables.scss';

.announcement-container {
    position: relative;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(159, 154, 154, 0.5);
    background-color: #f7f8f8;
    align-items: center;
    display: flex;
    font-size: 14px;
    color: $dark-gray;
    font-family: $duda-font;
    padding-block-start: 10px;
    padding-inline-end: 10px;
    padding-block-end: 10px;
    padding-inline-start: 10px;
    .icon {
        position: absolute;
        top: 8px;
        right: 8px;
        color: currentColor;
        margin-inline-start: auto;
        padding-block-start: 0;
        padding-inline-end: 0;
        padding-block-end: 0;
        padding-inline-start: 0;
        height: auto;
    }
}